@charset "utf-8"; /* * (c) 2015 ezwelfare Design Team * common.css */ @import url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/css/lt_IE7.css); /* common */ #wrapper {width:100%; height:auto;} #skip_nav {position:absolute; top:-100px; left:0; right:0; z-index:10;} #skip_nav a {position:absolute; display:block; left:0; right:0; background-color:#333333; font-size:16px; line-height:20px; color:#fff; text-align:center; font-weight:bold;} #skip_nav a:focus {top:100px;} #skip_nav a:active {top:100px;} /* 탑배너 */ #top_banner_wrap {background:#3a4fa3;display:none;height:80px;overflow:hidden;position:relative;z-index:1} #top_banner_wrap .top_banner {width:982px;position:relative;margin:0 auto;font-size:0;line-height:0;} #top_banner_wrap .top_banner .banner {display:inline-block;float:left;} #top_banner_wrap .top_banner .btn_close {position:absolute;bottom:0;left:979px;} #top_banner_wrap .top_banner .btn_close a {display:block;width:37px;height:38px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/btn_topClose.gif") 0 0 no-repeat;text-indent:-9999px;} /*탑배너수정 20160310 */ #top_banner_wrap .top_banner02 .banner_box {width:980px;height:80px;overflow:hidden;margin:0 auto;position:relative;} #top_banner_wrap .top_banner02 .banner_box .btnPrev_topBar {position:absolute;top:25px;left:0px;z-index:12} #top_banner_wrap .top_banner02 .banner_box .btnNext_topBar {position:absolute;top:25px;right:0px;z-index:12} #top_banner_wrap .top_banner02 .btnClose_topBar {position:absolute;top:27px;right:20px;} /* GNB */ #common_gnb_wrap {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/gnb_bg.gif") repeat-x;position:relative;z-index:99999;} #common_gnb_wrap .common_gnb {width:980px;margin:0 auto;height:30px;position:relative;z-index:100;} #common_gnb_wrap .common_gnb .left_gnb {float:left;} #common_gnb_wrap .common_gnb .left_gnb a {padding:9px 18px 6px 33px;float:left;display:inline-block;font-size:11px;letter-spacing:-1px;line-height:15px;} #common_gnb_wrap .common_gnb .left_gnb a.g_home {min-width:66px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/gnb_bg01.gif") left bottom no-repeat;} #common_gnb_wrap .common_gnb .left_gnb a.g_all {min-width:66px; margin-left:-3px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/gnb_bg02.gif") left bottom no-repeat;} #common_gnb_wrap .common_gnb .left_gnb a.on {background-position:0 0;} #common_gnb_wrap .common_gnb .right_gnb {float:right;position:relative;} #common_gnb_wrap .common_gnb .right_gnb a.btn_gnb:first-child {background-image:none;} #common_gnb_wrap .common_gnb .right_gnb a.btn_gnb {padding:11px 10px 0 12px;margin-left:0;display:block;float:left;font-size:11px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_bar.gif") 0 10px no-repeat;letter-spacing:-1px;} #common_gnb_wrap .common_gnb .btn_banner_open {display:block;position:absolute;top:-1px;left:972px;} .right_gnb .point_search {display:none;position:absolute;width:235px;padding:20px 13px 10px 13px;top:21px;left:-17px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/point_layer_bg.gif") left top no-repeat;text-align:left;border-bottom:2px solid #5a73c4;} .right_gnb .point_search .user_name {width:235px;margin-bottom:9px;padding:4px 0 8px 0;border-bottom:1px solid #cecece;} .right_gnb .point_search .user_name strong {padding:4px 0 3px 23px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/ico_point.gif") left top no-repeat;color:#5a73c4;} .right_gnb .point_search .point_tab {width:235px;height:27px;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #3a54a9;} .right_gnb .point_search .point_tab a {padding:7px 8px 5px 8px;display:inline-block;text-align:center;font-weight:bold;font-size:12px;border:1px solid #d3d3d3;margin-right:-1px;} .right_gnb .point_search .point_tab a.on {border:1px solid #5a73c4;color:#fff;background:#5a73c4;} .right_gnb .point_search .point_view {width:235px;margin-bottom:6px;display:none;height:90px;border-bottom:1px solid #cecece;} .right_gnb .point_search .point_view ul {padding:0 0 0 8px;} .right_gnb .point_search .point_view ul li {padding-left:10px;margin-bottom:11px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_arr02.gif") left 3px no-repeat;} .right_gnb .point_search .point_view ul li strong {color:#333333;} .right_gnb .point_search .point_view ul li strong.point_rest {color:#ff5a00;} .right_gnb .point_search .right {width:235px;text-align:right;} .right_gnb .point_search #point_close {position:absolute;top:10px!important;right:2px;} /* 전체메뉴 */ #common_gnb_wrap #all_menu_wrap {display:none;position:absolute;top:29px;right:0;width:100%;z-index:999999;} #common_gnb_wrap #all_menu_wrap .all_menu {width:980px;margin:0 auto;border:1px solid #989898;text-align:left;background:#fff;position:relative;} #common_gnb_wrap #all_menu_wrap .all_menu .clearfix {margin:30px 0;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/all_menu_bg.gif") right top repeat-y;} #common_gnb_wrap #all_menu_wrap .all_menu .all_menu_list {width:140px;float:left;margin:0px 0 0 22px;} #common_gnb_wrap #all_menu_wrap .all_menu .all_menu_list li {width:124px;margin-top:17px;padding:0;letter-spacing:-1px;} #common_gnb_wrap #all_menu_wrap .all_menu .all_menu_list li a {color:#777777;letter-spacing:-1px;padding-left:12px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_arr.gif") 3px 3px no-repeat;} #common_gnb_wrap #all_menu_wrap .all_menu .all_menu_list .tit {margin:0;padding:2px 0 11px 2px;border-bottom:1px solid #e6e6e6;background:none;} #common_gnb_wrap #all_menu_wrap .all_menu .all_menu_list .tit a {background:none;padding:0;margin:0;font-weight:bold;color:#333333;font-size:15px;} #common_gnb_wrap #all_menu_wrap .all_menu .btn_allClose {position:absolute;top:-1px;right:-1px;} #common_gnb_wrap #all_menu_wrap .all_menu .btn_allClose a {display:block;width:32px;height:32px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/btn_all_close.gif") 0 0 no-repeat;text-indent:-9999px;} /* header */ #header_wrapper #header_wrap {border-bottom:3px solid #606060;position:relative;z-index:9998;background:#fff;} #header_wrapper #header_wrap #header {width:980px;margin:0 auto;padding-top:25px;text-align:left;position:relative;z-index:10;} #header_wrapper #header_wrap #header h1 {position:absolute;top:15px;left:20px;} #header_wrapper #header_wrap #header h1 a {display:block;} /*#header_wrapper #header_wrap #header h1 a {display:block;width:113px;height:52px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/logo_kisa.gif") 0 0 no-repeat;text-indent:-9999px;}*/ #header_wrapper #header_wrap #header .total_search {width:331px;height:43px;margin:0px 0 0 330px;font-size:0;line-height:0;float:left;} #header_wrapper #header_wrap #header .total_search fieldset {position:relative;width:331px;height:35px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/search_bg.gif") left top no-repeat;border:0;} #header_wrapper #header_wrap #header .total_search input {margin:3px 0 0 10px;height:26px;width:271px;border:none;vertical-align:top;/* background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/seach_txt_bg.gif") 5px 10px no-repeat; */font-size:12px;color:#000;line-height:1.8;font-weight:bold;} .ie7 #header_wrapper #header_wrap #header .total_search input {margin:3px 0 0 10px;height:25px;width:271px;border:none;vertical-align:top;/* background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/seach_txt_bg.gif") 5px 10px no-repeat; */font-size:12px;color:#000;line-height:1.8;font-weight:bold;} #header_wrapper #header_wrap #header .total_search .btn_tSearch {position:absolute;top:0px;right:0;} #header_wrapper #header_wrap #header .total_search .btn_arr {position:absolute;top:10px;right:58px;} #header_wrapper #header_wrap #header #akc_box {} .autocomplete_box_wrap {position:absolute; top:-1px; font-size:12px; letter-spacing:-1px;} .autocomplete_box {width:329px; border:1px solid #8f8f8f; background-color:#fff; line-height:18px;} .autocomplete_box .autocomplete_category_box {width:100%; border-bottom:1px solid #dfdfdf} .autocomplete_box .autocomplete_keyword_box {padding:15px 15px 15px 10px; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/autocomplete/bg11.gif) center repeat-y;} .autocomplete_box .autocomplete_keyword_box .autocomplete_keyword_box_left {float:left; width:48%;} .autocomplete_box .autocomplete_keyword_box .autocomplete_keyword_box_right {float:right; width:48%;} .autocomplete_box .autocomplete_list li {height:20px; padding:0 0 0 5px;} .autocomplete_box .autocomplete_link {} .autocomplete_box .txt_keyword_empty {color:#555;} .autocomplete_box .autocomplete_toolbox {height:23px; padding-top:4px; padding-right:10px; border-top:1px solid #dfdfdf; background-color:#f5f5f5; vertical-align:top;} .autocomplete_box .autocomplete_close {font-size:11px; letter-spacing:-1px;} .autocomplete_box .search_blue {color:#2f4ba7!important;} /* 삭제예정 */ .autocomplete_box .search_orange09{color:#0e8be5;} /* 삭제예정 */ .best_link {overflow:hidden; width:180px; padding-left:10px;height:38px;} .best_link li {float:left;} #header_wrapper #header_wrap #header .ranklist_wrap {position:relative;top:-2px;float:right;width:193px;/*height:35px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/ranking_bg.gif") left top no-repeat;*/z-index:10;} #header_wrapper #header_wrap #header .ranklist_wrap .ranklist_tit {padding:13px 9px 11px 9px;font-size:11px;color:#999;letter-spacing:-1px;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper {position:absolute;top:0;left:0;width:100px;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper ol {padding-left:0;margin-left:0;position:relative;left:74px;width:110px;height:16px;overflow:hidden; top:-26px;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li {position:absolute; top:100%; } #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li a {display:inline-block;vertical-align:middle;color:#444;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li a:hover {color:#2543a4;font-weight:bold;letter-spacing:-1px;text-decoration:underline;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li img {vertical-align:middle;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li .schWord, #header_wrapper #header_wrap #header .ranklist_wrap .wrapper li .schWord2 {display:inline-block;margin-top:1px;line-height:1.3} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper ol.rank_hover {position:relative;left:0px;top:-35px;padding:21px 0 16px 0;width:185px; border:4px solid #5a73c4; background:#fff;/* background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/rank_bg.gif") left top no-repeat; */height:auto;overflow:visible;} #header_wrapper #header_wrap #header .ranklist_wrap .wrapper ol.rank_hover li {position:relative;top:0!important;padding:0 15px 17px 15px;} /* TNB */ #header_wrap #tnb_wrap {width:980px;height:52px;margin:2px auto 0 auto;z-index:5;position:relative;padding-bottom:1px;background:#fff;} /* TNB ONE DEPTH MENU */ #header_wrap #tnb_wrap div.tnb01 {display:table;float:left;width:180px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/tnb_bg.gif") right 15px no-repeat;} .lt_ie8 #header_wrap #tnb_wrap div.tnb01 {margin-right:2px;} #header_wrap #tnb_wrap div.tnb01 .tnb_menu_top {position:relative; display:table-cell; vertical-align:top;} .lt_ie8 #header_wrap #tnb_wrap div.tnb01 .tnb_menu_top {float:left; width:50%;} .lt_ie8 #header_wrap #tnb_wrap div.tnb01 .tnb_num01 {width:100%;} /* TNB 노란우산공제 */ #header_wrap #tnb_wrap div.tnb01.tnb01_8899 {width:160px;} #header_wrap #tnb_wrap div.tnb02_new.tnb02_8899 {width:680px;} #header_wrap #tnb_wrap div.tnb03.tnb03_8899 {width:140px;} #header_wrap #tnb_wrap div.tnb02 {display:table;float:left;width:518px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/tnb_bg.gif") right 15px no-repeat;} #header_wrap #tnb_wrap div.tnb02 .tnb_menu_top {position:relative; display:table-cell; vertical-align:top;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_menu_top {float:left; width:86px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_num01 {width:518px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_num02 {width:259px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_num03 {width:172px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_num04 {width:129px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02 .tnb_num05 {width:103px;} #header_wrap #tnb_wrap div.tnb03 {display:table;float:left;width:280px;} #header_wrap #tnb_wrap div.tnb03 .tnb_menu_top {position:relative; display:table-cell; vertical-align:top; text-align:left;} .lt_ie8 #header_wrap #tnb_wrap div.tnb03 .tnb_menu_top {float:left; width:33.3%;} .lt_ie8 #header_wrap #tnb_wrap div.tnb03 .tnb_num01 {width:100%;} .lt_ie8 #header_wrap #tnb_wrap div.tnb03 .tnb_num02 {width:50%;} #header_wrap #tnb_wrap div.tnb04 {display:table;float:left; width:100%;} #header_wrap #tnb_wrap div.tnb04 .tnb_menu_top {position:relative; display:table-cell; vertical-align:top; text-align:left;} .lt_ie8 #header_wrap #tnb_wrap div.tnb04 .tnb_menu_top {float:left; width:16.6%;} #header_wrap #tnb_wrap div.tnb02_new {display:table;position:relative;z-index:100;float:left;width:518px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/tnb_bg.gif") right 15px no-repeat;} #header_wrap #tnb_wrap div.tnb02_new .tnb_menu_top02 {display:table-cell; vertical-align:top;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_menu_top02 {float:left; width:86px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_num01 {width:518px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_num02 {width:259px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_num03 {width:172px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_num04 {width:129px;} .lt_ie8 #header_wrap #tnb_wrap div.tnb02_new .tnb_num05 {width:103px;} #header_wrap #tnb_wrap div.tnb02_new .tnb_menu_top02 .two_depth_wrap ul.menu_list li a {margin-top:1px; margin-bottom:1px;} #header_wrap #tnb_wrap .one_depth {overflow:hidden;display:block;width:auto;height:52px;text-align:center; margin:0 auto;} #header_wrap #tnb_wrap .two_depth_wrap {display:none;position:absolute;top:40px;padding-top:13px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/two_depth_bg.gif") center top no-repeat;z-index:10;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth {padding:7px 0 0 0;background:#fff;border:2px solid #5a73c4;border-top:none;text-align:left;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth ul.menu_list {*zoom:1;padding-left:0;margin-left:0;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth ul.menu_list:after {display:block;content:"";clear:both;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth ul.menu_list li {padding:7px 0 7px 14px;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth ul.menu_list li a {display:block;height:16px;padding-left:8px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_arr.gif") 0px 3px no-repeat;font-size:12px;letter-spacing:-1px;word-spacing:-2px;line-height:17px;} #header_wrap #tnb_wrap .two_depth_wrap .two_depth .depth_tit {margin:0 14px 10px 14px;padding:5px 0 11px 0;text-align:center;color:#5a73c4;font-weight:bold;border-bottom:1px solid #cecece;letter-spacing:-1px;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap .two_depth {padding-bottom:0!important;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap ul.menu_list {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/dot_bg.gif") center top repeat-y;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap ul.menu_list li {float:left;width:50%;padding-right:0!important;padding-left:0!important;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap ul.menu_list li a {margin-left:15px; margin-top:1px; margin-bottom:1px;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap ul.menu_list li a img {margin-left:3px;display:inline-block;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap .menu_view {padding:10px 15px 0px 15px;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap .menu_view .tit {margin-bottom:4px;color:#333;} #header_wrap #tnb_wrap .tnb02 .two_depth_wrap .menu_view .txt {color:#888;} #header_wrap #tnb_wrap .two_depth_wrap .menu_bottom {margin:15px 0 0 0;padding:10px 10px;background:#f1f1f1;border-top:1px solid #cecece;} #header_wrap #tnb_wrap .two_depth_wrap .menu_bottom ul {margin:0;padding:0;} #header_wrap #tnb_wrap .two_depth_wrap .menu_bottom li {margin-bottom:6px;} #header_wrap #tnb_wrap .two_depth_wrap .menu_bottom li a {vertical-align:middle;letter-spacing:-1px;word-spacing:-1px;margin-left:-3px;} #header_wrap #tnb_wrap .two_depth_wrap .menu_bottom img {vertical-align:middle;} #header_wrap #tnb_wrap div.tnb01 .two_depth_wrap {width:155px;} #header_wrap #tnb_wrap div.tnb02 .two_depth_wrap {width:290px;} #header_wrap #tnb_wrap div.tnb03 .two_depth_wrap {width:290px;} #header_wrap #tnb_wrap div.tnb03 .menutype01 {width:290px;} #header_wrap #tnb_wrap div.tnb03 .menutype02 {width:155px;} #header_wrap #tnb_wrap div.tnb03 .menutype03 ul.menu_list {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/dot_bg.gif") center top repeat-y;} #header_wrap #tnb_wrap div.tnb03 .menutype03 ul.menu_list li {float:left;width:50%;padding-right:0!important;padding-left:0!important;} #header_wrap #tnb_wrap div.tnb03 .menutype03 ul.menu_list li a {margin-left:15px;} #header_wrap #tnb_wrap div.tnb01 .two_depth01 {left:50%;} #header_wrap #tnb_wrap div.tnb01 .two_depth02 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth01 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth02 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth03 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth04 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth05 {left:50%;} #header_wrap #tnb_wrap div.tnb02 .two_depth06 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth03_01 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth03_02 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth02_01 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth02_02 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth01_01 {left:50%;} #header_wrap #tnb_wrap div.tnb03 .two_depth01_02 {left:50%;} #header_wrap #tnb_wrap .depth06_01 {left:50px;} /* #header_wrap #tnb_wrap div.tnb01 .two_depth01 {left:6%;} #header_wrap #tnb_wrap div.tnb01 .two_depth02 {left:-37%;} #header_wrap #tnb_wrap div.tnb02 .two_depth01 {left:22%;} #header_wrap #tnb_wrap div.tnb02 .two_depth02 {left:-6%;} #header_wrap #tnb_wrap div.tnb02 .two_depth03 {left:-36%;} #header_wrap #tnb_wrap div.tnb02 .two_depth04 {left:-64%;} #header_wrap #tnb_wrap div.tnb02 .two_depth05 {left:-94%;} #header_wrap #tnb_wrap div.tnb02 .two_depth06 {left:-120%;} #header_wrap #tnb_wrap div.tnb03 .two_depth03_01 {left:-90%;} #header_wrap #tnb_wrap div.tnb03 .two_depth03_02 {left:-35%;} #header_wrap #tnb_wrap div.tnb03 .two_depth02_01 {left:-36%;} #header_wrap #tnb_wrap div.tnb03 .two_depth02_02 {left:-7%;} #header_wrap #tnb_wrap div.tnb03 .two_depth01_01 {left:0%;} #header_wrap #tnb_wrap div.tnb03 .two_depth01_02 {left:23%;} #header_wrap #tnb_wrap .depth06_01 {left:-112px;} */ #tnb_wrap .tnb02_new .one_depth {display:block;height:52px;overflow:hidden;z-index:10;position:relative} #tnb_wrap .tnb02_new .on img, #tnb_wrap .tnb02_new .one_depth:hover img {margin-top:-52px;} #tnb_wrap .tnb02_new .two_depth_new {display:none;position:absolute;top:50px;left:50%;text-align:left;z-index:3;background:#fff;border:2px solid #294293;} /* #tnb_wrap .tnb02_new .two_depth_new {display:none;position:absolute;top:50px;left:-145px;text-align:left;z-index:3;background:#fff;border:2px solid #294293;} */ #tnb_wrap .tnb02_new .two_depth_new .depth_new_wrap {width:903px;position:relative;} #tnb_wrap .tnb02_new .two_depth_new .depth_new_wrap .menu_box_left {width:695px;position:relative;z-index:10;float:left;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/border_bg.gif") right top repeat-y;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp {clear:both;height:41px;*zoom:1;border-bottom:1px solid #d9d8dd;position:relative;z-index:10;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp:after {clear:both;display:block;content:"";} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp p {margin:8px 0;padding:5px 0 2px 0;float:left;margin-left:19px;width:154px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/dot_bg.gif") right top repeat-y;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp .menu_up02 {width:327px;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp a {display:inline-block;height:14px;line-height:1;height:15px;vertical-align:top;padding-left:10px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_arr.gif") left center no-repeat;font-weight:bold;color:#333;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp .btn_plus {position:absolute;top:18px;left:335px;width:21px;margin:0;background:none;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxUp .btn_plus a {padding-left:0;background:none;z-index:10;} #tnb_wrap .tnb02_new .two_depth_new .menu_boxDown {clear:both;overflow:hidden;height:165px;border-bottom:1px solid #d9d8dd;display:none;position:relative;} #tnb_wrap .tnb02_new .two_depth_new .menu_wrap {*zoom:1;} #tnb_wrap .tnb02_new .two_depth_new .menu_wrap:after {clear:both;display:block;content:"";} #tnb_wrap .tnb02_new .two_depth_new .sub_menu {height:240px;float:left;margin:17px 0 0 19px;width:154px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/dot_bg.gif") right top repeat-y;} #tnb_wrap .tnb02_new .two_depth_new .sub_menu02 {width:327px} #tnb_wrap .tnb02_new .two_depth_new .sub_menu02 li {width:47.5%;margin:0 4px 0 0;float:left;padding:0;clear:none;} #tnb_wrap .tnb02_new .two_depth_new .sub_menu .s_cate {padding:0 0 0 10px;margin-bottom:7px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/bullet_arr.gif") left 22px no-repeat;font-weight:bold;color:#333;line-height:15px;} #tnb_wrap .tnb02_new .two_depth_new .sub_menu ul {padding:0 0 0 7px;margin:0;} #tnb_wrap .tnb02_new .two_depth_new .last {background:none!important;} #tnb_wrap .tnb02_new .two_depth_new .sub_menu ul li {margin-bottom:5px;border:none;letter-spacing:-1px!important;line-height:20px!important;padding:0!important;} /* wel_web_navi.css 와 중복됨 */ #tnb_wrap .tnb02_new .two_depth_new .sub_menu ul a {color:#777;} #tnb_wrap .tnb02_new .two_depth_new .sub_menu ul a:hover {color:#ff6600; background:none; border:none; padding-left:0;} #tnb_wrap .tnb02_new .brand_banner {position:absolute;bottom:0;left:0;padding:14px 0 15px 0;text-align:center;width:695px;height:50px;font-size:0;background:#ebebeb} #tnb_wrap .tnb02_new .brand_banner a {margin:0 4px;display:inline-block;border:1px solid #cbcbcb;} #tnb_wrap .tnb02_new .two_depth_new .content_banner {float:right;z-index:15;} #tnb_wrap .tnb02_new .two_depth_new .content_banner p {margin:0;padding:0;font-size:0;line-height:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} #tnb_wrap .tnb02_new .two_depth_new .content_banner p img {width:207px;height:208px;} #tnb_wrap .tnb02_new .btnCose_sub {position:absolute;top:-2px;left:904px;cursor:pointer;} #tnb_wrap .tnb02_new .tnb_mall {position:relative;} #tnb_wrap .tnb02_new .tnb_mall .one_depth {z-index:1;} #tnb_wrap .tnb02_new .tnb_mall .one_depth img {vertical-align:top;} #tnb_wrap .tnb02_new .tnb_mall .on img, #tnb_wrap .tnb02_new .tnb_mall .one_depth:hover img {margin-top:0;} #tnb_wrap .tnb02_new .tnb_mall .two_depth01 {left:50%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth02 {left:50%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth03 {left:50%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth04 {left:50%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth05 {left:50%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth06 {left:50%;} /* #tnb_wrap .tnb02_new .tnb_mall .two_depth01 {left:22%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth02 {left:-6%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth03 {left:-36%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth04 {left:-64%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth05 {left:-94%;} #tnb_wrap .tnb02_new .tnb_mall .two_depth06 {left:-110px;} */ #tnb_wrap .tnb02_new .two_depth_wrap {width:290px;} #tnb_wrap .tnb02_new .two_depth_wrap .two_depth {padding-bottom:0!important;} #tnb_wrap .tnb02_new .two_depth_wrap ul.menu_list {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/dot_bg.gif") center top repeat-y;} #tnb_wrap .tnb02_new .two_depth_wrap ul.menu_list li {float:left;width:50%;padding-right:0!important;padding-left:0!important;} #tnb_wrap .tnb02_new .two_depth_wrap ul.menu_list li a {margin-left:15px;} #tnb_wrap .tnb02_new .two_depth_wrap ul.menu_list li a img {margin-left:3px;display:inline-block;} #tnb_wrap .tnb02_new .two_depth_wrap .menu_view {padding:10px 15px 0px 15px;} #tnb_wrap .tnb02_new .two_depth_wrap .menu_view .tit {margin-bottom:4px;color:#333;} #tnb_wrap .tnb02_new .two_depth_wrap .menu_view .txt {color:#888;} #header_wrapper #header_wrap #header .total_search_naver {width:403px;height:43px;margin:0px 0 0 577px;font-size:0;line-height:0;float:left;} #header_wrapper #header_wrap #header .total_search_naver fieldset {position:relative;width:400px;height:35px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/search_bg_naver.gif") left top no-repeat;border:0;} #header_wrapper #header_wrap #header .total_search_naver input {margin:1px 0 0 10px;height:30px;width:320px;border:none;vertical-align:top;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/header/2015/seach_txt_bg.gif") 5px 10px no-repeat;color:#000;font-size:14px;color:#000;line-height:1.8;font-weight:bold;} #header_wrapper #header_wrap #header .total_search_naver .btn_tSearch {position:absolute;top:0px;right:0;} #header_wrapper #header_wrap #header .total_search_naver .btn_arr {position:absolute;top:10px;right:58px;} #location_wrapper {position:relative;width:100%;margin:0 auto; border-bottom:1px solid #ddd;} #container_wrapper {width:100%;} #container_wrapper #container {width:980px;margin:0 auto; text-align:left;} /* 서브 */ #container_wrapper #container .content {/* padding-top:30px; */line-height:23px;} #container_wrapper #container .content_main {line-height:23px;} #sidebar {float:left; width:180px; font-family:"굴림",Gulim;} #content_wrapper {float:right; width:780px; margin-left:20px; font-family:"굴림",Gulim; line-height:23px;} #content_main_wrapper .content_main {line-height:23px;} /*#wrapper .container_frame_wrapper {overflow:hidden; position:absolute; top:292px; bottom:0; width:100%;} #wrapper .container_frame {position:absolute; top:0; right:0; bottom:276px; left:0; height:100%; height:100%;}*/ #wrapper .container_frame_wrapper {width:100%; height:100%;} #wrapper .container_frame {width:100%; height:100%;} #wrapper .container_frame_type02 {width:980px; height:100%; margin:0 auto;} .ifram_wrap {line-height:23px;} /* location_wrapper */ .location_bar {position:relative;width:1130px;margin:0 auto; min-height:44px; line-height:18px;} .location_bar .nav_feature {float:left; height:44px; padding-top:0; padding-left:10px;line-height:43px;text-align:right;} .location_bar .nav_feature .ico_bull {margin-left:2px; margin-right:2px;} .location_bar .nav_feature .txt_tit {display:inline-block;width:168px;padding:4px 0 4px;text-align:center;line-height:18px} .location_bar .nav_feature .txt_note {display:inline-block;margin-top:1px;margin-left:10px;color:#666;font-size:11px;letter-spacing:-1px;} .location_bar .nav {display:inline-block;line-height:0;} .location_bar .nav .links {display:inline-block;color:#969696;line-height:0;} .location_bar .nav .links .link {color:#444;} .location_bar .nav .links .txt_home {display:inline-block; width:13px; height:44px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/ico_home.gif") 0 15px no-repeat; color:transparent;font-size:0} .location_bar .links .txt_gt {display:inline-block; width:16px; height:44px; margin:0 5px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/icon_gt03.gif") 3px 14px no-repeat; vertical-align:top; color:transparent;font-size:0;} .location_bar select, .location_bar img, .location_bar button, .location_bar span {vertical-align:middle;} .location_bar select {height:20px; padding:1px 0px 1px 1px; border:1px solid #bebebe; letter-spacing:-1px; font-family:Dotum; font-size :12px; color:#333; background-color:#fff; line-height:16px;} .location_bar .nav .links a {display: inline-block;vertical-align:top;} .location_bar .nav .links a .link {height: 44px; display: inline-block; line-height: 45px;} .location_bar .nav_page {float:right; padding-top:12px; padding-right:10px;} /*.location_bar .nav_page .txt_my {}*/ .location_bar .nav_page .btn_my {display:inline-block; padding:0 0 0 18px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/bulet03.gif") 0 16px no-repeat;line-height:44px; color:#444;} /*.location_bar .nav_page .txt_useinfo {}*/ .location_bar .nav_page .btn_useinfo {display:inline-block; padding:0 0 0 18px; margin-left:6px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/bulet04.jpg") 0 center no-repeat;line-height:44px; color:#444;} .location_bar .nav_page .layer_useinfo {} .location_bar .nav_page .layer_useinfo .close {position:absolute; top:11px; right:13px; display:sblock; width:18px; height:21px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/close_butt.png") 0 0 no-repeat; text-indent:-9999px;} .location_bar .nav_page .nav {} .location_bar .nav_page .layer_my .layer_my_t {width:131px; height:13px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/my_tbg.gif") 0 0 no-repeat; line-height:0; font-size:0;} .location_bar .nav_page .layer_my .layer_my_b {width:131px; height:9px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/my_bbg.gif") 0 0 no-repeat; line-height:0; font-size:0;} .location_bar .nav_page .layer_my .layer_my_m {border-right:2px #ff7900 solid; border-left:2px #ff7900 solid; background-color:#fff;} .location_bar .nav_page .layer_my .layer_my_m .layer_my_m_wrap {text-align:center;} .location_bar .nav_page .layer_my .layer_my_m img {vertical-align:middle;} .location_bar .nav_page .layer_my_list {position:relative; margin:4px 0 0 5px; padding:5px 0 0; border-top:1px solid #eeeeee;} .location_bar .nav_page .layer_my_list .item {padding:0 0 0 18px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/icon_02.gif") 0 0 no-repeat;} .location_bar .nav_page .layer_my_list .del {position:absolute; right:9px;} .location_wrapper_type02 {border-bottom:none !important;} .location_bar_type02 {padding-top:10px; min-height:22px; line-height:22px;} .location_bar_type02 .nav_feature {height:22px; padding-top:0; padding-left:10px; line-height:22px;} .location_bar_type02 .nav_feature .nav {font-size:12px;} .location_bar_type02 .nav_feature .txt_tit {font-size:12px;} .location_bar_type02 .nav .links .txt_home {height:22px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/ico_home.gif") 0 4px no-repeat; line-height:24px;} .location_bar_type02 .links .txt_gt {width:6px; height:22px; margin:0 5px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/location/2015/icon_gt02.gif") 0 5px no-repeat; line-height:22px;} .location_bar_type02 .nav_page {padding-top:2px; padding-right:9px;} .location_bar_type02 .nav_page .btn_my {font-size:11px; letter-spacing:-1px; line-height:22px; background-position:0 4px; /*color:#000666;*/} .location_bar_type02 .nav_page .btn_useinfo {font-size:11px; letter-spacing:-1px; line-height:22px; /*color:#000666;*/} .location_bar_type02 .nav_page .nav .links {display:inline-block; font-size:11px; letter-spacing:-1px;} .location_bar_type02 .nav_page .nav .links a {font-size:11px;} /* sidebar */ .new_lnb {width:170px;} .new_lnb h2 {display:table;position:relative;z-index:1;width:170px;height:90px;border-bottom:1px solid #666;background:#fff;font-family:"맑은 고딕", Malgun Gothic;line-height:26px;color:#222;font-size:20px;letter-spacing:-1px;font-weight:normal;} .new_lnb h2 span {display:inline-block; margin-top:30px; padding:0 0px 0 10px;} /*.new_lnb h2 span {display:table-cell; vertical-align:middle; padding-left:20px;} .lt_ie8 .new_lnb h2 span {display:inline-block; margin-top:30px;}*/ .new_lnb .lnb_menu {border-bottom:1px solid #ddd; margin-top:-1px;} .new_lnb .lnb_menu li {line-height:1.5;} .new_lnb .lnb_menu li a {display:block;width:170px;padding:12px 0 9px 0;/*background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/bullet_arr_off.gif") 15px center no-repeat;*/letter-spacing:normal; border-top:1px solid #ddd;} .new_lnb .lnb_menu a span, .new_lnb .lnb_menu a strong {display:block; padding-left:10px;letter-spacing:-1px;} .new_lnb .lnb_menu li a:hover, .new_lnb .lnb_menu li a:hover strong {color:#ff9600;} .new_lnb .lnb_menu li ul {width:170px;overflow:hidden;margin-top:0;padding:7px 0 7px;border-top:1px solid #ddd;background-color:#fff;} .new_lnb .lnb_menu li ul li {padding:0 0 0 0;line-height:1.5;} .new_lnb .lnb_menu li ul li a {padding:5px 0 2px 26px;margin-left:0;border-top:none;background:#fff url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/bullet_sub_off.gif") 20px center no-repeat;color:#444;letter-spacing:-1px!important;} .new_lnb .lnb_menu li.on {/*background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/lnb_menu_on.gif") #e4e4e4 169px center no-repeat;*/ letter-spacing:-1px;} .new_lnb .lnb_menu li.on a {color:#fff;font-size:12px;background:#5974c5 url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/bullet_arr_on.gif") right center no-repeat;} .new_lnb .lnb_menu li.on a strong {color:#fff;} .new_lnb .lnb_menu li.on:hover, .new_lnb .lnb_menu li.on:hover strong {color:#fff;} .new_lnb .lnb_menu li.on ul {border-top:1px solid #ddd;background-color:#f5f5f5;} .new_lnb .lnb_menu li.on ul li {} .new_lnb .lnb_menu li.on ul li a {background:transparent url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/bullet_sub_off.gif") 20px center no-repeat;color:#444;width:144px;} .new_lnb .lnb_menu li ul li.on {font-weight:bold;letter-spacing:-1px} .new_lnb .lnb_menu li ul li.on a {padding-left:28px;background:transparent url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/bullet_sub_on.gif") 20px center no-repeat;color:#5c73c3;} .new_lnb .lnb_menu li ul.lnb_menu_sub{border-top:0;padding:0;} .new_lnb .lnb_menu li ul.lnb_menu_sub li a{background:none;} .new_lnb .lnb_menu li.on ul.lnb_menu_sub li a{color:#444;font-weight:normal;} #sidebar .lb_sec {margin-top:15px;} #sidebar .lb_sec_box {width:170px; margin-top:15px;} #sidebar .lb_sec_box .lb_sec_box_tit {} #sidebar .lb_sec_box .lb_sec_box_m {padding:12px 5px 5px;border-right:1px #ddd solid; border-left:1px #ddd solid; background-color:#fff;} #sidebar .lb_sec_box .lb_sec_box_b {height:10px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/sidebar/2015/lb_sec_box_b.gif") 0 0 no-repeat; line-height:0; font-size:0;} #sidebar .lb_ban{padding:20px 0 0 5px;} .main_ban_bot{width:980px;margin:0 auto;padding:60px 0 0 0;} #foot_wrap {text-align:center;} #foot_wrap .clearfix {zoom:1;} #foot_wrap .clearfix:after {display:block;clear:both;content:"";} #foot_wrap .foot_menu {margin-top:70px;padding:12px 0;background:#f4f4f4;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} #foot_wrap .foot_menu a {padding-right:28px;margin-right:24px;display:inline-block;color:#888;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2015/bullet_bar02.gif") right 2px no-repeat;line-height:1.5;} #foot_wrap .foot_menu a.last {background:none;} #foot_wrap .foot_menu a strong {color:#4f6bce;} #foot_wrap .footer {width:980px;margin:15px auto;padding-bottom:45px;text-align:left;color:#888;letter-spacing:-1px;line-height:1.5;word-spacing:0;background:none;font-size:12px;border:none;} #foot_wrap .footer .foot_box01 {width:383px;height:110px;float:left;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2015/foot_box.gif") right 11px no-repeat;} #foot_wrap .footer .foot_box01 address {padding-left:15px;font-style:normal;letter-spacing:-1px;} #foot_wrap .footer .foot_box02 {float:left;width:224px;height:120px;margin-left:16px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2015/foot_box.gif") right 11px no-repeat;} #foot_wrap .footer .foot_box03 {float:left;margin-left:16px;width:340px;} #foot_wrap .footer .foot_box03 p {letter-spacing:-1px;} #foot_wrap .footer .f_tit {float:left;padding-bottom:10px;} #foot_wrap .footer .pt15 {padding-top:15px;} #foot_wrap .footer .f_btn {float:right;margin:13px 18px 0 0;} #foot_wrap .footer .copy {margin:17px 0 0 15px;text-align:left;letter-spacing:0;font-size:11px;} #foot_wrap .footer .copy strong {color:#555;font-size:11px;} #foot_wrap .footer strong {color:#333;} #foot_wrap .footer .foot_box {float:left;} #foot_wrap .footer .foot_left {margin-right:30px;} #foot_wrap .footer .foot_right {padding-left:30px;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2015/foot_bg.gif") left 10px no-repeat;} #foot_wrap .footer .foot_box .foot_logo {margin-bottom:15px;} #foot_wrap .footer .foot_box .foot_cont {position:relative;margin-bottom:20px;width:460px;} #foot_wrap .footer .foot_box .foot_cont .btn_foot {position:absolute;top:15px;right:0;} /* 2017 footer - 정영환 */ #foot_wrap_2017 {text-align:left;} #foot_wrap_2017 .clearfix {zoom:1;} #foot_wrap_2017 .clearfix:after {display:block;clear:both;content:"";} #foot_wrap_2017 .foot_menu {margin-top:70px; height:18px; padding:12px 0;background:#333333;} #foot_wrap_2017 .foot_menu .foot_menu_in {width:860px; margin:0 auto; padding-left:120px;} #foot_wrap_2017 .foot_menu .foot_menu_in a {padding-right:20px;margin-right:18px;display:inline-block;color:#c6c6c6;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2017/bullet_bar02.gif") right 2px no-repeat;line-height:1.5;} #foot_wrap_2017 .foot_menu .foot_menu_in a.last {background:none;} #foot_wrap_2017 .foot_menu .foot_menu_in a strong {color:#9ab2ff;} #foot_wrap_2017 .footer {width:980px;margin:15px auto;padding-bottom:45px;color:#999; letter-spacing:-.9px; line-height:1.5;word-spacing:0;background:none;font-size:11px;border:none; font-family:'dotum';} #foot_wrap_2017 .footer .f_tit * {vertical-align:middle;} #foot_wrap_2017 .footer .f_tit img {margin-left:15px;} #foot_wrap_2017 .footer .f_tit {margin-top:10px; font-size:13px; color:#555; font-weight:bold; letter-spacing:-.7px;} #foot_wrap_2017 .footer .f_cont {margin-top:15px;font-size:12px;color:#666;} #foot_wrap_2017 .footer .foot_box01 {float:left; width:100px; padding-right:20px;} #foot_wrap_2017 .footer .foot_box02 {float:left; width:400px; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/footer/2017/foot_box_bg.gif) no-repeat right 10px;} #foot_wrap_2017 .footer .foot_box02.nonebg {background:none;} #foot_wrap_2017 .footer .foot_box03 {float:left; width:430px; padding-left:30px;} #foot_wrap_2017 .footer .foot_box04 {float:left; width:430px; padding-left:30px; margin-top:70px;} #foot_wrap_2017 .footer .foot_mark {margin-top:20px; padding-left:120px;} #foot_wrap_2017 .footer .foot_mark span {margin-right:20px;} .ie7 #foot_wrap_2017 .footer {letter-spacing:-1px;} /* 2017 footer - 정영환 */ #bWrap{text-align:center;} #bWrap .copyright_lgm {clear:both; width:940px; height:56px; margin:20px 0 20px 0; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare/eznew/service/images/main/lgm/copy_bg.gif) no-repeat top left;} /* 최근 본 상품 201408 */ #divLatelyGoods {} .quick_right {position:absolute;top:0;left:0;height:0;width:100%;z-index:0;text-align:center;} .quick_right .quick_wrap {height:0;position:relative;width:0;margin:0 auto 20px auto;} .quick_right .quick_wrap .quick_con {position:absolute;top:-70px;left:500px;width:74px;text-align:left;} .quick_right .lately_list.my_shopping .tit {padding:0;} .quick_right .lately_list.my_shopping li {border-bottom:none; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/welshop/images/quick/myshop_line01.jpg) bottom center no-repeat;} .quick_right .lately_list.my_shopping li:first-child {padding:15px 0;} .quick_right .lately_list.my_shopping li p {margin-top:2px;} .quick_right .lately_list.my_shopping li.last {border-bottom:1px solid #e7e7e7; background-image:none;} .quick_right .lately_list .tit {text-align:center;padding:6px 0;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/welshop/images/quick/quick_tit_bg.gif") left top no-repeat;color:#fff;font-weight:bold;line-height:1;letter-spacing:-1px;} .quick_right .lately_list .tit img {vertical-align:middle;} .quick_right .lately_list ul {padding:0;margin:0;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/welshop/images/quick/quick_bg.gif") left top repeat-y;} .quick_right .lately_list li {position:relative;width:74;padding:6px 0;text-align:center;font-size:0;border-bottom:1px solid #e7e7e7;line-height:0;} .quick_right .lately_list li.no_pro {padding:15px 0;color:#929292;font-size:12px;line-height:1.5;} .quick_right .lately_list li a {display:inline-block;z-index:10;position:relative;} .quick_right .lately_list li .btn_close {cursor:pointer;display:none;position:absolute;top:8px;right:9px;z-index:12;} .quick_right .lately_list li .lately_detail_wrap {display:none;width:316px;height:76px;position:absolute;top:0px;right:0;text-align:left;z-index:0;} .quick_right .lately_list li .lately_detail_wrap div {padding:12px 115px 8px 12px;border:1px solid #2a2a2a;background:#555;font-size:12px;color:#fff;font-weight:bold;line-height:1.5;} .quick_right .lately_list li .lately_detail_wrap span {display:block;letter-spacing:-1px;} .quick_right .lately_list li .lately_detail_wrap span.price s {font-weight:normal;color:#a9a9a9;} .quick_right .lately_list li .lately_detail_wrap span.price strong {color:#ffef01;margin-left:5px;} .quick_right .lately_list li.bottom_box {font-size:12px;font-weight:normal;line-height:1.5;border-bottom:none;} .quick_right .lately_list li.bottom_box a {padding:0 5px;} .quick_right .lately_list li.bottom_box .quick_page {display:inline-block;width:30px;color:#999;} .quick_right .lately_list li.bottom_box .quick_page strong {color:#000;font-weight:normal!important;} .quick_right .lately_list .btn_top {margin-bottom:-1px;} .quick_right .lately_list .btn_down {margin-bottom:20px;} .quick_right .pc_box {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/welshop/images/quick/quick_bg.gif") left top repeat-y;} .quick_right .pc_box ul {border-bottom:1px solid #e7e7e7;} .quick_right .pc_box li {margin:0 3px;padding:10px 0;text-align:center;text-align:center;font-size:0;line-height:0;border-bottom:1px dotted #a2a2a2;} .quick_right .pc_box li.last {border-bottom:none;} /* 공통이벤트레이어 팝업 */ /* .pop_event_layer_wrap {} */ .pop_event_layer_wrap .pop_event_layer {padding:2px; background:#646464;} .pop_event_layer_wrap .layer_header {height:19px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_popup/images/common/2015/ez_pop_bg_top.gif") 0 0 repeat-x;} .pop_event_layer_wrap .layer_header .inner {padding:2px 6px;} .pop_event_layer_wrap .layer_header .inner h1 {color:#fff; text-align:left; font-weight:bold!important; font-family:Dotum; letter-spacing:-1px;line-height:1.3} .pop_event_layer_wrap .layer_body {background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_popup/images/common/2015/ez_pop_bg_middle.gif") #37436e 0 0;line-height:0;} .pop_event_layer_wrap .layer_body .inner {padding:0 0 0 5px;} .pop_event_layer_wrap .layer_body .inner #coverLayer0 {display:none;position:absolute; left:0; top:0; z-index:90000100; visibility:hidden; width:0px; height:0px; background:#fff;} .pop_event_layer_wrap .layer_footer {height:25px; background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_popup/images/common/2015/ez_pop_bg_bottom.gif") 0 0 repeat-x;} .pop_event_layer_wrap .layer_footer .inner {padding:1px 4px 0 4px;font-family:Dotum;letter-spacing:-1px;font-size:11px;color:#fff} .pop_event_layer_wrap .layer_footer .inner span {display:block; float:left; padding:6px 0 0 2px;} .pop_event_layer_wrap .layer_footer .inner a {float:right;} /* 공통 이벤트 레이아웃 */ .event_wrap_980 {width:980px;margin:0 auto;} /* 우편번호 5자리 공지 레이어팝업 */ .post_popup_wrap {position:absolute;top:40%;left:0;width:100%;height:1;z-index:100000;} .post_popup_wrap .post_popup {position:relative;border:2px solid #dbdbdb;text-align:center;padding:45px 0 35px 0;width:420px;margin:0 auto;background:#fff} .post_popup_wrap .post_popup .post_close {position:absolute;top:12px;right:12px;} /* 공통 레이어팝업 */ .common_popup_wrap {position:absolute;top:0;left:0;width:100%;height:1;z-index:100000; font-family:'Malgun Gothic';} .common_popup_wrap .common_popup {position:relative;border:2px solid #dbdbdb;text-align:center;padding:0 0 20px 0;width:420px;margin:0 auto;background:#fff} .common_popup_wrap .common_popup .top_tit {padding:10px 50px 0 15px; font-size:18px; font-weight:bold;} .common_popup_wrap .common_popup .top_cont {padding-top:20px;} .common_popup_wrap .common_popup .exit_close {position:absolute;top:12px;right:12px;} /* newShop : 오늘 본 상품 201610 ~ */ #divLatelyGoods {position: relative;z-index: 100;top:0;} #latelyList{position: relative;z-index: 100 ;width: 980px;margin: 0 auto;} .quick {position:absolute;top:0;right:-130px;height:0;width:100px;} .quick a{display: block;} .quick img{vertical-align: top;} .quick .tit{position: relative;z-index: 1;font-size: 11px;padding:9px 13px;color: #fff;border-top: 1px solid #848597;background-color: #4d516a;} .quick .tit:first-child{border-top-width: 0;} .quick .tit .count{position: absolute;top:10px;right:8px;color: #d9e536;} .quick .tit .arr{position: absolute;z-index: 2;left:50%;bottom:-5px;*bottom:-3px;margin-left: -2.5px;width:0;height: 0;border-width:5px 5px 0 5px;border-style: solid;border-color:#4d516a transparent transparent;/* background: #fff url() 0 0 no-repeat; */} .quick .quick-bnr img{width:100px;height:113px;} .quick .my-zone{margin: 11px 0 3px;padding-bottom: 9px;border: 1px solid #d7d7d7;background-color: #fff;} .quick .today-prds{text-align: center;margin-bottom: 10px;} .quick .today-prds img{border: 1px solid #d6d6d6;} .quick .today-prds li{position: relative;padding: 9px;margin-top: -9px;} .quick .today-prds li:first-child{margin-top: 0;} .quick .today-prds li.nodata{padding:50px 0 30px;line-height: 130%;} .quick .today-prds li a{position: relative;z-index: 1;} .quick .today-prds li .smmr{display: none;} .quick .today-prds li .info{position: absolute;right:0;top:0;width:200px;height:100%;padding-left: 10px;padding-right: 100px;text-align: left;background-color: #555;} .quick .today-prds li .info .sbj {margin: 9px 0 10px;height: 2.6em;line-height: 120%;overflow: hidden;color: #fff;} .quick .today-prds li .info div {display:block;margin-bottom: 10px;letter-spacing:-1px;} .quick .today-prds li .info div.price s {font-weight:normal;color:#a9a9a9;} .quick .today-prds li .info div.price strong {color:#ffef01;margin-left:5px;} .quick .today-prds li .btn-delete{position: absolute;z-index: 2;right:15px;top:15px;} .quick li:hover .smmr{display: block;} .quick-nav{position: relative;margin:0 9px;height: 15px;} .quick-nav .page{width:40px;margin: 0 auto;text-align: center;} .quick-nav .btn-prev, .quick-nav .btn-next{position: absolute;top:0;width:15px;height: 15px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/newShop/images/quick_btn_nav.png) 0 0 no-repeat;} .quick-nav .btn-prev{left:0} .quick-nav .btn-next{right:0;background-position: 100% 0;} .btn-anchors a{margin-bottom: 3px;} /* 웰트리 TNB 추가 : 20170524 */ #header_wrap #tnb_wrap div.tnb01_weltree {width:265px;} #header_wrap #tnb_wrap div.tnb03_weltree {width:195px;} /* 퀵배너 추가 */ div#quick_banner {position:relative; width:80px;} div#quick_banner p.img {z-index:10;position:relative;} div#quick_banner .close {position:absolute; left:85px; top:0;} div.today {margin-top:5px; font-size:11px; text-align:left; color:#33333b; background:none; font-family:dotum; letter-spacing:-1px;} div.today input, div.today img {vertical-align:middle;} div#quick_banner div.today label{margin-right:0 !important;} div.today02 {margin-top:-3px;} /* 구좌 추가 */ .bnr_innerPage.scroll{position:absolute;top:-130px;right:50%;margin-right:-620px;z-index:100;} .text_border{font-size:120%;font-weight:bold;color:#6782da;} .right_ban_wrap{position:absolute;top:300px;right:50%;margin-right:-600px;z-index:1000;left:auto !important;} .right_ban_wrap .today{padding:12px 0 0 0;} .right_ban_wrap .today input{margin-right:0;} .right_ban_wrap .today label{font-size:11px;margin-right:0 !important;color:#000;font-family:dotum;letter-spacing:-1px;} .right_ban_wrap .close{position:absolute;top:0;left:85px;} .quick .quick-list ul{margin:11px 0;border:1px solid #d7d7d7;border-top:0;} .quick .quick-list ul li{width:98px;height:48px;border-top:1px solid #d7d7d7;line-height:16px;background:#fff;} .quick .quick-list ul li a{color:#555;font-family:dotum;font-size:11px;padding:10px 0 0 9px;width:89px;height:38px;} .quick .quick-list ul li span{display:block;color:#999;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_mall/newShop/images/quick_btn_list.jpg) no-repeat 74px 3px;} .main_layer_discoupon_wrap{z-index:99000000;position:absolute;top:60%;left:50%;width:396px;height:488px;margin:-244px 0 0 -188px;background:#000;} .main_layer_discoupon_wrap img{vertical-align:top;} .main_layer_discoupon_wrap .coupon_cont_desc{height:50px;text-align:center;color:#fff;font-family:"Malgun Gothic";font-size:16px;background:#1b1b36;line-height:50px;letter-spacing: -2px;} .main_layer_discoupon_wrap .main_layer_godness_cont .main_layer_godness_cls{position:absolute;bottom:7px;right:20px;color:#fefefe;} .main_layer_discoupon_wrap .main_layer_godness_cont .main_layer_godness_cls a{color:#fefefe;} .main_layer_discoupon_wrap .main_layer_godness_cont .main_layer_godness_cls label{cursor:pointer;} .main_layer_discoupon_wrap .main_layer_godness_cont .main_layer_coupon{background:#f0f0f0;height:239px;padding:25px 0 0 23px;} .main_layer_discoupon_wrap .main_layer_godness_cont .main_layer_coupon_btn{margin:19px 0 0 115px;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img{letter-spacing:-1px;height:170px;padding:0 0 0 25px;position:relative;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_b_01.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img .p_cpn_img_txt1{padding:24px 0 0 0;font-family:"Malgun Gothic","맑은 고딕","굴림";font-size:60px;font-weight:bold;color:#3a4fa2;letter-spacing:-3.5px;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img .p_cpn_img_txt1 span{font-size:30px;font-weight:normal;display:inline-block;*display:inline;vertical-align:middle;height:32px;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img .p_cpn_img_txt2{padding:21px 0 0 0;font-family:"Malgun Gothic","맑은 고딕","굴림";font-size:18px;font-weight:bold;color:#333;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img .p_cpn_img_txt3{padding:11px 0 0 0;font-size:12px;letter-spacing:0;color:#666;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img .p_cpn_label{position:absolute;top:0;left:0;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2{letter-spacing:-1px;height:170px;padding:0 0 0 25px;position:relative;background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_r_01.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2 .p_cpn_img_txt1{padding:24px 0 0 0;font-family:"Malgun Gothic","맑은 고딕","굴림";font-size:60px;font-weight:bold;color:#cf3b3b;letter-spacing:-3.5px;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2 .p_cpn_img_txt1 span{font-size:30px;font-weight:normal;display:inline-block;*display:inline;vertical-align:bottom;height:32px;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2 .p_cpn_img_txt2{padding:21px 0 0 0;font-family:"Malgun Gothic","맑은 고딕","굴림";font-size:18px;font-weight:bold;color:#333;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2 .p_cpn_img_txt3{padding:11px 0 0 0;font-size:12px;letter-spacing:0;color:#666;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2 .p_cpn_label{position:absolute;top:0;left:0;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img1_2{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_b_02.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img1_3{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_b_03.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img1_4{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_b_04.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img1_5{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_b_05.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2_2{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_r_02.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2_3{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_r_03.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2_4{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_r_04.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_img2_5{background:url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/promotion/img_promotion_cpn_r_05.png") no-repeat left top;} .main_layer_discoupon_wrap .main_layer_godness_cont .p_cpn_info{text-align:center;color:#666;font-family:"Malgun Gothic","맑은 고딕","굴림";font-size:14px;letter-spacing:-1px;padding:13px 0 24px 0;} /* chrome80 */ .chrome80{overflow:hidden;} .chrome80_popup_wrap{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(00,00,00,0.7);z-index:100000000;overflow:auto;} .chrome80_popup{position:absolute;top:50%;left:50%;margin:-460px 0 0 -360px;} .chrome80_popup ol{position:absolute;left:100px;top:516px;padding:0;margin:0;list-style:none;font-family:dotum;font-size:14px;} .chrome80_popup ol li{line-height:24px;padding-bottom:7px;text-indent:-28px;} .chrome80_popup ol li span{color:#4586f3;text-decoration:underline;} .chrome80_popup ol li span.n{color:#333;text-decoration:none;padding-right:12px;} .chrome80_popup ol li img{vertical-align:bottom;} .chrome80_popup .chrome80_cls{position:absolute;bottom:45px;left:260px;width:201px;height:42px;} /* 정보수신동의팝업 */ .withus_btn2019{cursor:pointer;letter-spacing:-0.5px;display:inline-block;height:38px;font-size:14px;font-weight:bold;color:#fff;vertical-align:middle;text-align:center;padding:0 30px;line-height:36px;font-family:'Malgun Gothic';border-radius:5px;} .withus_btn2019.bgray{border:1px solid #787878;background:#858585;color:#fff;} .withus_btn2019.bblue{border:1px solid #4d61a1;background:#5a73c4;color:#fff;} .tbl_list td + td, .tbl_list th + th, .tbl_list th + td, .tbl_list td + th{border-left:1px solid #ddd;} #infoPopup1 .popup-wrap .popup-cont .popup-cont-cont2{padding:0 0 12px 0;} #infoPopup1 .popup-wrap .popup-cont .popup-cont-cont2 .tbl_list{table-layout:fixed;border-top:1px solid #656565;} #infoPopup1 .popup-wrap .popup-cont .popup-cont-cont2 .tbl_list th{height:23px;color:#464646;text-align:left;padding:9px 20px 7px;background-color:#f5f5f5;border-top:none;border-bottom:1px solid #ddd;} #infoPopup1 .popup-wrap .popup-cont .popup-cont-cont2 .tbl_list td{text-align:left;padding:9px 10px 7px;border-top:none;border-bottom:1px solid #ddd;} #infoPopup1 .popup-wrap .popup-cont .popup-cont-cont2 label.space{display:inline-block;padding-right:15px;} #infoPopup1.infoPopupNew .coupon-preview{position:fixed;z-index:0;} #infoPopup1.infoPopupNew .layer{position:absolute;left:50%;top:50%;display:block;margin:0 auto;background:#fff;border:1px solid #222;z-index:99999;} /* 정기점검 팝업 */ .main_check_popup_wrap{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(00,00,00,0.7);z-index:100000000;overflow:auto;} .main_check_popup_wrap .check_popup{position:absolute;top:50%;left:50%;margin:-260px 0 0 -150px;} .main_check_popup_wrap .check_popup .check_cls{position:absolute;bottom:2px;right:0;width:80px;height:61px;} .main_check_popup_wrap .check_popup .check_box{position:absolute;bottom:2px;left:0;width:220px;height:61px;cursor:pointer;} .main_check_popup_wrap .check_popup .check_box input{position:absolute;left:-9999px;} .main_check_popup_wrap .check_popup .check_box .check_style{position:absolute;left:18px;bottom:15px;width:29px;height:29px;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_upload/popup/img/2020/10/201014_notice_popup_chk.png) no-repeat left top;} .main_check_popup_wrap .check_popup .check_box input:checked + .check_style{background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_upload/popup/img/2020/10/201014_notice_popup_chk_on.png) no-repeat left top;} /* 고객사 띠배너 */ #top_banner_wrapper {background:#19433b; height:50px; position: relative; z-index: 10000;} #top_banner_wrapper .hd_top_banner .banner_box {width: 1140px; height: 50px; overflow: hidden; margin: 0 auto; position: relative;} #top_banner_wrapper .hd_top_banner .banner_box a {position: relative; height: 50px; display: block;} #top_banner_wrapper .hd_top_banner .banner_box a img {vertical-align: top;} #top_banner_wrapper .hd_top_banner .banner_box .banner_txt {position: absolute; top: 50%; left: 0; right: 0; margin-top: -10px; font-family: 'notokr-light', "Malgun Gothic", "맑은 고딕"; font-size: 20px; color: #fff; text-align: center;} #top_banner_wrapper .hd_top_banner .banner_box .banner_txt em {font-family: 'notokr-bold', "Malgun Gothic", "맑은 고딕"; font-size: 20px; color: #fff;} #top_banner_wrapper .hd_top_banner .banner_box .btnPrev_topBar {position: absolute; top: 0; left: 0px; z-index: 12; width: 24px; height: 50px;} #top_banner_wrapper .hd_top_banner .banner_box .btnNext_topBar {position: absolute; top: 0; right: 0px; z-index: 12; width: 24px; height: 50px;} #top_banner_wrapper .hd_top_banner .banner_box .btnPrev_topBar img {position: absolute; top: 50%; left: 0; margin-top: -6px;} #top_banner_wrapper .hd_top_banner .banner_box .btnNext_topBar img {position: absolute; top: 50%; right: 0; margin-top: -6px;} #top_banner_wrapper .hd_top_banner .btnClose_topBar {position: absolute; top: 50%; right: 115px; margin-top: -11px;} #top_banner_wrapper .hd_top_banner .btnClose_topBar a img {vertical-align: top;} /* 230816 우수고객 */ .ezwelplus img {vertical-align: top;} .ezwelplus .clr_default {color:#0a9882 !important;} .ezwelplus .clr_gold {color:#da9529 !important;} .ezwelplus .bg_default {background:#0a9882 !important;} .ezwelplus .bg_gold {background:#da9529 !important;} .ezwelplus .ep_widthAuto {width: 1140px; margin: 0 auto;} .ezwelplus .ep_widthAuto980 {width: 980px; margin: 0 auto;} .ezwelplus .ep_pos_re {position: relative;} .ezwelplus .ep_visual {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_visual2_bg.jpg) no-repeat center top;} .ezwelplus .ep_visual .userName {position: absolute;font-family: 'notokr-regular';font-size: 18px;color: #fff;top: 230px;left: 375px;text-align: center;display: block;width: 70px;} .ezwelplus .ep_graph {background: #f2f4ff;} .ezwelplus .ep_graph div > p {font-family: 'notokr-regular';font-size: 18px;color: #222;line-height:30px;margin-top:10px;} .ezwelplus .ep_graph div > p em {font-family: 'notokr-bold';color: #2b59ce;} .ezwelplus .ep_graph div > p.name {float:left; text-align:left;} .ezwelplus .ep_graph div > p.name em {font-size: 26px;} .ezwelplus .ep_graph div > p.pay {float:right; text-align:right;} .ezwelplus .ep_graph div > p.pay em{font-size: 22px;font-weight:bold;} .ezwelplus .graphBox {padding-top:80px;} .ezwelplus .graphBox .lvTxt {position:absolute;top:252px;left:200px;} .ezwelplus .graphBox .lvTxt span {font-family: 'notokr-light';font-size: 16px;color: #222;display: inline-block;text-align: left;vertical-align: top;width: 192px;} .ezwelplus .graphBox .lvTxt span:last-child {width:auto} .ezwelplus .graphBox .lvTxt span em {font-family: 'notokr-medium';color: #222;} .ezwelplus .graphBox .lvBox {position:absolute;top:80px;left:0;right:0;} .ezwelplus .graphBox .lvBox ul li {float:right;width:277px;height:337px;font-size:0;text-indent:-9999px;} .ezwelplus .graphBox .lvBox ul li.on {position:absolute;top:20px;} .ezwelplus .graphBox .lvBox ul li.step1.on {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_lv1.png) no-repeat center top;right:-33px;} .ezwelplus .graphBox .lvBox ul li.step2.on {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_lv2.png) no-repeat center top;right: 223px;} .ezwelplus .graphBox .lvBox ul li.step3.on {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_lv3.png) no-repeat center top;left:223px;} .ezwelplus .graphBox .lvBox ul li.step4.on {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_lv4.png) no-repeat center top;left:-33px;} .ezwelplus .graphBox .lvBox .progressBar {position: relative;width:980px;height:450px;} .ezwelplus .ep_tabs {background: #f2f4ff; border-bottom: 1px solid #222;height:57px;} .ezwelplus .ep_tabs ul {width:980px; margin:0 auto;text-align: center;} .ezwelplus .ep_tabs ul:after {clear:both; content:"";display:block;} .ezwelplus .ep_tabs ul li {background:#e9e7e7;display:inline-block;width:300px;height:56px;font-family: 'notokr-medium';font-size: 16px;color: #222;text-align:center;border:1px solid #e9e7e7;border-bottom:1px solid #222; border-radius: 5px 5px 0 0;line-height:52px;cursor:pointer;margin: 0 -2px;} .ezwelplus .ep_tabs ul li.on {background:#fff;border:1px solid #222;border-bottom:1px solid #fff;} .ezwelplus .ep_content .ep_cont {display:none;} .ezwelplus .ep_content .ep_cont.on {display: block;} .ezwelplus .ep_benefit .date {position:absolute; top: 200px; left: 200px;font-family: 'notokr-bold';font-size: 22px;color: #1c6be1;} .ezwelplus .ep_benefit .tbl_list {margin-bottom:50px;} .ezwelplus .ep_benefit .tbl_list tr td {vertical-align:top;} .ezwelplus .ep_benefit .tbl_list tr td.ver-mid {vertical-align:middle;} .ezwelplus .ep_benefit .tbl_list tr td.silver {vertical-align:middle;} .ezwelplus .ep_benefit .tbl_list tr td.silver a {width: 130px;display: block;margin: 5px auto;} .ezwelplus .ep_benefit .tbl_list tr td.silver a img {width:100%;} .ezwelplus .ep_benefit .tbl_list td p {position:relative;margin:10px;} .ezwelplus .ep_benefit .tbl_list td p i {position:absolute;width:34px;height:34px;color:#fff;top: 50%;margin-top: -17px;right: 5px;border-radius:17px;line-height: 34px;font-size:16px;font-family: 'notokr-medium';font-style: normal;} .ezwelplus .ep_benefit .tbl_list td p span {position: absolute;top: 26px;left: 46px;font-family: 'notokr-medium';font-size: 16px;display:block;text-align:right;width:95px;letter-spacing: -1px;} .ezwelplus .ep_benefit .tbl_list td p span em {font-family: 'notokr-bold';color:#222;font-size: 24px;} .ezwelplus .ep_benefit .tbl_list tr td.pay p span {left:38px;} .ezwelplus .ep_benefit .tbl_list .pay p i {background:#da9529} .ezwelplus .ep_benefit .tbl_list .coupon p i {background:#0a9882} .ezwelplus .ep_benefit .tbl_list .benefit td {vertical-align: middle;} .ezwelplus .ep_benefit .tbl_list .benefit td.present p {font-weight:bold; text-decoration:underline;} .ezwelplus .ep_que .ep_queBox {font-size:12px;} .ezwelplus .ep_que .ep_queBox p {line-height:18px;padding:25px 0;} .ezwelplus .ep_que .ep_queBox .Q {border-bottom:1px dashed #d1d0d0;color:#464646;font-weight:bold;} .ezwelplus .ep_que .ep_queBox .A {border-bottom:3px solid #8f8f8f;color:#666;} .ezwelplus .ep_coupon ul:after {clear:both; content:"";display:block;} .ezwelplus .ep_coupon ul li {float:left;width:490px;text-align:center;} .ezwelplus .ep_coupon ul li:after {clear:both; content:"";display:block;} .ezwelplus .ep_coupon ul.silver li {width:980px; margin: 100px 0;} .ezwelplus .ep_coupon .ep_infoBox {margin:40px;} .ezwelplus .ep_coupon .ppBox {margin-bottom:30px;} .ezwelplus .ep_coupon .ppBox .downBtn {position:absolute;top:30px;right:70px;font-family: 'notokr-medium';font-size: 18px;} .ezwelplus .ep_coupon .ppBox .downBtn a {font-size:0;text-indent:-9999px;display:block;width:60px;height:60px;border-radius:7px;background-image: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_cp_down.png);background-color:#ddd;margin-bottom:10px;} .ezwelplus .ep_coupon .cpBox .downBtn {color:#0a9882 !important;} .ezwelplus .ep_coupon .cpBox .downBtn.on a {background-color:#0a9882 !important;} .ezwelplus .ep_coupon .cpTxt {font-family: 'notokr-medium';color:#222;position: absolute;top: 61px;left: 125px;text-align: left;font-size: 21px;line-height: 32px;} .ezwelplus .ep_coupon .cpTxt em {font-family: 'notokr-bold';color:#222;font-size: 34px;} .ezwelplus .ep_coupon .cpTxt p {font-size: 14px;} .ezwelplus .ep_coupon .payBox .downBtn {color:#da9529 !important;} .ezwelplus .ep_coupon .payBox .downBtn.on a {background-color:#da9529 !important;} .ezwelplus .ep_coupon .payTxt {font-family: 'notokr-medium';color:#222;position: absolute;top: 61px;left: 115px;text-align: right;font-size: 34px;width:190px;} .ezwelplus .ep_coupon .payTxt em {font-family: 'notokr-bold';color:#222;font-size: 47px;} .ezwelplus .ep_coupon .downBtnAll a {font-size:0;text-indent:-9999px;display:block;width:410px;height:50px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_cp_btn_all.png) no-repeat center top;margin: 0 auto;} .ezwelplus .ep_coupon .downBtnfin a {font-size:0;text-indent:-9999px;display:block;width:410px;height:50px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_cp_btn_fin.png) no-repeat center top;margin: 0 auto;} .ezwelplus .ep_coupon .evt_lyr {position:absolute;top:50%;left:50%;margin-top:-166px;margin-left:-236px;display:none;} .ezwelplus .ep_coupon .evt_lyr .cppayTit {position:absolute;top:24px;left:24px;font-family: 'notokr-bold';font-size: 22px;color:#0b0d0f;} .ezwelplus .ep_coupon .evt_lyr .AllcpTxt {position:absolute;top:115px;left:0;right:0;font-family: 'notokr-regular';font-size: 18px;color:#0b0d0f;text-align:center;line-height:24px;} .ezwelplus .ep_coupon .evt_lyr a {position: absolute;font-size: 0; text-indent: -9999px;} .ezwelplus .ep_coupon .evt_lyr a.cls {top: 10px; right:8px; width: 50px;height: 50px;} .ezwelplus .ep_coupon .evt_lyr a.cancel {top: 262px; left: 72px; width: 160px;height: 44px;} .ezwelplus .ep_coupon .evt_lyr a.down {top: 262px; left: 240px; width: 160px;height: 44px;} .ezwelplus .ep_present {background:#f9f9f9;padding-bottom:100px;} .ezwelplus .ep_present .date {position:absolute; top: 660px; left: 0;right:0;font-family: 'notokr-medium';font-size: 20px;color: #222;text-align:center;} .ezwelplus .ep_present .downBtn {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_ps_btn.png) no-repeat center top; width:300px;height:66px;position:absolute;top:740px;left:50%;margin-left:-150px;} .ezwelplus .ep_present .downBtn a {font-size: 0; text-indent: -9999px;display:block;width:100%;height:100%;} .ezwelplus .ep_present .downBtn.on {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezwelplus/ep_ps_btn_on.png) no-repeat center top;} .ezwelplus .ep_present .evt_lyr {position:absolute;top:50%;left:50%;margin-top:-238px;margin-left:-364px;display:none;border:1px solid #939393;border-radius:15px;overflow:hidden;background:#fff;z-index:10;width:728px;height:476px;} .ezwelplus .ep_present .evt_lyr .psTit {position:relative;background:#f2f2f2;font-family: 'notokr-medium';font-size: 26px;font-weight:bold;color:#0b0d0f;text-align:center;padding: 25px 0;} .ezwelplus .ep_present .evt_lyr .psTit .cls {position:absolute;right:30px;font-size:26px;font-weight:bold;color:#000;} .ezwelplus .ep_present .evt_lyr .psTxt {font-family: 'notokr-medium';font-size: 60px;text-align:center;line-height: 90px;padding: 30px 0;} .ezwelplus .ep_present .psTxt0, .ezwelplus .ep_present .psTxt1 {color:#0a9882;} .ezwelplus .ep_present .psTxt2, .ezwelplus .ep_present .psTxt3, .ezwelplus .ep_present .psTxt4 {color:#da9529;} .ezwelplus .ep_present .evt_lyr a.btn {background:#0a2752;font-family: 'notokr-medium' !important;font-size: 22px;color:#fff;width:300px;height:60px;display:block;text-align:center;margin:0 auto 45px;border-radius:10px;line-height:58px;} .ezwelplus .ep_present .evt_lyr ul {margin: 0 55px 25px;border-top: 1px solid #d3d5da;padding-top: 25px;} .ezwelplus .ep_present .evt_lyr ul li {font-family: 'notokr-regular';font-size: 14px;color:#222;line-height:24px;} .ezwelplus .ep_infoBox {border:1px solid #e6e6e6;background:#fafafa;padding:20px;text-align:left;margin-bottom:20px;} .ezwelplus .ep_infoBox .tit {font-size:12px; font-weight:bold; color:#666;margin-bottom:20px;} .ezwelplus .ep_infoBox p {line-height:18px;} /* 폰트컬러 추가 */ .ezwelplus .ftclr_tag_thema {color:#0096ff !important;} .ezwelplus .ftclr_tag_black {color:#111 !important;} .ezwelplus .ftclr_tag_darkpink {color:#de005f !important;} .ezwelplus .ftclr_tag_brown {color:#c59470 !important;} .ezwelplus .ftclr_tag_green {color:#00a850 !important;} .ezwelplus .ftclr_tag_navy {color:#0051b5 !important;} .ezwelplus .ftclr_tag_orange {color:#fe4e00 !important;} .ezwelplus .ftclr_tag_red {color:#df0615 !important;} .ezwelplus .ftclr_tag_violet {color:#9433df !important;} .ezwelplus .ftclr_tag_yellow {color:#f2b600 !important;} /* 230816 우수고객 : 주문내역조회 */ .lv_userBox {border-top:1px solid #b0bcfb; border-bottom:1px solid #b0bcfb;background:#f2f4ff;padding:15px 5px;margin-bottom:30px;} .lv_userBox span {font-family:"Malgun Gothic","맑은고딕";font-size:16px;color:#101010;display:inline-block; vertical-align: middle;letter-spacing: -1px;} .lv_userBox span em {font-weight:bold;color:#101010;} .lv_userBox .lv_img {margin:0 15px} .lv_userBox .lv_img img {vertical-align: top;} .lv_userBox .lv_name {margin-right:15px;} .lv_userBox .lv_txt {position:relative;padding-left:15px;} .lv_userBox .lv_txt:before {position:absolute;top:3px;left:0;clear:both;content:"";display:block;background:#9fa1ac;width:2px;height:17px;} .lv_userBox .lv_btn {float:right;margin:10px 20px;background: #333;border: 1px solid #333;width: 92px;} .lv_userBox .lv_btn span {font-size: 11px;color: #fff;} /* UI/UX 개선 2024 */ /* ========== location_bar ========== */ .location_bar_2024 {width:1140px;} /* ========== container_wrapper ========== */ #container_wrapper #container.container_2024 {width:1140px;} #container_wrapper #container.container_2024 #content_wrapper {width:906px;font-family:'notokr-regular';font-size:16px;color:#333;line-height:inherit;margin-left:30px;} #container_wrapper #container.container_2024 #content_wrapper #content {padding:0;line-height:inherit;} /* ========== container_wrapper : 본인인증팝업 ========== */ #container_wrapper #container.container_2024 #content_wrapper .popup-wrap {font-family: "굴림", Gulim;font-size:12px;} /* ========== mypage ========== */ #container_wrapper #myPage {padding:60px 0 0;min-width:1140px;} #container_wrapper #myPage:after {clear:both;content:"";display:block;} #container_wrapper #myPage h2 {font-family:'notokr-bold';font-size:26px;color:#333;margin-bottom:15px;} #container_wrapper #myPage .myPageBox {float:left;background:#fff;width:204px;height:311px;border:2px solid #ebebeb;border-top:2px solid #333;text-align:center;border-radius:0 0 15px 15px;} #container_wrapper #myPage .myPageBox .ranked {margin:30px 0 20px;display:block;} #container_wrapper #myPage .myPageBox .user_name {font-family:'notokr-regular';font-size:20px;color:#333;} #container_wrapper #myPage .myPageBox .user_name em {font-family:'notokr-bold';font-size:26px;color:#333;} #container_wrapper #myPage .myPageBox .user_name p {font-family:'notokr-regular';font-size:15px;color:#919191;margin-top:10px;} #container_wrapper #myPage .myPageBox ul {margin-top:40px;} #container_wrapper #myPage .myPageBox ul li {position:relative;display:inline-block;margin:0 10px;} #container_wrapper #myPage .myPageBox ul li:first-child:before {display:none;} #container_wrapper #myPage .myPageBox ul li:before {clear:both;content:"";display:block;background:#a2a2a2;width:1px;height:16px;position:absolute;top:50%;left:-11px;margin-top:-8px;} #container_wrapper #myPage .myPageBox ul li a {font-family:'notokr-regular';font-size:16px;color:#919191;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo {float:left;width:1140px;} #container_wrapper #myPage .myPageInfo .myPoint {background:#fff;border:2px solid #ebebeb;border-top:2px solid #333;border-radius:0 0 15px 15px;margin-bottom:8px;} #container_wrapper #myPage .myPageInfo .myPoint ul {display:flex;} #container_wrapper #myPage .myPageInfo .myPoint ul:after {clear:both;content:"";display:block;} #container_wrapper #myPage .myPageInfo .myPoint ul li {position:relative;float:left;width:100%;text-align:center;box-sizing:border-box;padding:41px 0;} #container_wrapper #myPage .myPageInfo .myPoint ul li:first-child:before {display:none;} #container_wrapper #myPage .myPageInfo .myPoint ul li:before {clear:both;content:"";display:block;background:#efefef;width:1px;height:114px;position:absolute;top:50%;left:-1px;margin-top:-57px;} #container_wrapper #myPage .myPageInfo .myPoint ul li span {height:32px;display:block;} #container_wrapper #myPage .myPageInfo .myPoint ul li span em {font-family:'notokr-medium';font-size:18px;color:#6c6c6c;line-height:35px;padding-left:8px;vertical-align:top;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo .myPoint ul li p {font-family:'Roboto';font-size:28px;color:#333;font-weight:bold;margin-top:15px;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo .pd_btn {display:inline-block;font-family:'notokr-regular';font-size:14px;font-weight:normal;width:143px;height:32px;line-height:32px;margin-top:6px;border-radius:3px;padding:0} #container_wrapper #myPage .myPageInfo .pd_btn:first-child {margin-top:0;} #container_wrapper #myPage .myPageInfo .pd_btn.bg_green:hover {color:#fff;} #container_wrapper #myPage .myPageInfo .pd_btn.line_blk:hover {color:#575b63;} #container_wrapper #myPage .myPageInfo .myOrder {display:flex;margin-bottom:8px;} #container_wrapper #myPage .myPageInfo .myDelivery {position:relative;background:#fff;border:2px solid #ebebeb;border-radius:0 0 15px 15px;width:100%;} #container_wrapper #myPage .myPageInfo .myDelivery ul:after {clear:both;content:"";display:block;} #container_wrapper #myPage .myPageInfo .myDelivery ul li {position:relative;float:left;width:25%;text-align:center;box-sizing:border-box;padding:34px 0 40px;} #container_wrapper #myPage .myPageInfo .myDelivery ul li span {font-family:'notokr-regular';font-size:16px;color:#949494;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo .myDelivery ul li:first-child:before {display:none;} #container_wrapper #myPage .myPageInfo .myDelivery ul li:before {clear:both;content:"";display:block;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_arrow.png) no-repeat center top;width:9px;height:22px;position:absolute;left:-4px;top:50%;margin-top:-11px;} #container_wrapper #myPage .myPageInfo .myDelivery ul li p {font-family:'Roboto';font-size:32px;color:#333;font-weight:bold;margin-top:20px;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo .myDelivery ul li p.no {color:#949494;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover {position:absolute; top:10px;right:10px;line-height:14px;padding:0;text-indent:0;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover::before {margin:0;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover::after {clear:both;content:"";display:block;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover em {display:none;position:absolute;top:35px;left:50%;right:0;margin-left:-20px;width:182px;font-size:12px;color:#000;background:#fff;border:1px solid #9b9fa8;text-align:center;padding:8px;line-height:14px;z-index:1;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover.on em {display:block;} #container_wrapper #myPage .myPageInfo .myDelivery p.mHover.on::after {background:#fff;position:absolute;top:30px;left:6px;transform:rotate(45deg);border-top:1px solid #9b9fa8;border-left:1px solid #9b9fa8;width:10px;height:10px;z-index:2;} #container_wrapper #myPage .myPageInfo .myExchange {background:#fff;border:2px solid #ebebeb;border-radius:0 0 15px 15px;width:270px;padding:25px 15px 0;margin-left:10px;} #container_wrapper #myPage .myPageInfo .myExchange>p {font-family:'notokr-regular';font-size:16px;color:#333;letter-spacing:-1px;} #container_wrapper #myPage .myPageInfo .myExchange>p em {color:#878787;} #container_wrapper #myPage .myPageInfo .myExchange ul:after {clear:both;content:"";display:block;} #container_wrapper #myPage .myPageInfo .myExchange ul li {position:relative;float:left;width:50%;text-align:center;box-sizing:border-box;padding:18px 0 24px;} #container_wrapper #myPage .myPageInfo .myExchange ul li span {position:relative;font-family:'notokr-regular';font-size:15px;color:#333;letter-spacing:-1px;float:left;margin:7px 0;padding-left:8px;} #container_wrapper #myPage .myPageInfo .myExchange ul li span:before {clear:both;content:"·";display:block;position:absolute;left:0;} #container_wrapper #myPage .myPageInfo .myExchange ul li+li span {margin-left:15px;} #container_wrapper #myPage .myPageInfo .myExchange ul li+li p {padding:7px 0;} #container_wrapper #myPage .myPageInfo .myExchange ul li:first-child:before {display:none;} #container_wrapper #myPage .myPageInfo .myExchange ul li:before {clear:both;content:"";display:block;background:#b7b7b7;width:1px;height:60px;position:absolute;left:-1px;top:50%;margin-top:-30px;} #container_wrapper #myPage .myPageInfo .myExchange ul li p {font-family:'notokr-regular';font-size:15px;color:#333;padding:7px 14px 7px 0;} #container_wrapper #myPage .myPageInfo .myExchange ul li p.no {color:#949494;} /* ========== sidebar ========== */ .container_2024 #sidebar {width:204px;} .container_2024 .new_lnb {width:204px;padding-top:60px;} .container_2024 .new_lnb h2 {display:none;} .container_2024 .new_lnb .lnb_menu {border-bottom:none;} .container_2024 .new_lnb .lnb_menu>li>a {background:none;padding:30px 0 18px;border-bottom:1px solid #cbcbcb;} .container_2024 .new_lnb .lnb_menu>li>a strong {font-family:'notokr-medium';font-size:20px;font-weight:normal !important;color:#333;padding-left:0;line-height:24px;} .container_2024 .new_lnb .lnb_menu>li.on:hover, .container_2024 .new_lnb .lnb_menu>li.on:hover strong {color:#333;} .container_2024 .new_lnb .lnb_menu>li:first-child a {padding-top:0;} .container_2024 .new_lnb .lnb_menu li a {width:204px;border-top:none;} .container_2024 .new_lnb .lnb_menu li ul {background:none;width:204px;border-top:none;padding:0;} .container_2024 .new_lnb .lnb_menu li ul li:first-child {padding-top:20px;} .container_2024 .new_lnb .lnb_menu li ul li a {font-family:'notokr-regular';font-size:16px;color:#585858;padding-left:0;background:none;line-height:24px;padding:0 0 24px 0;width:204px;} .container_2024 .new_lnb .lnb_menu li ul li strong {color:#585858;font-weight:normal !important;padding:0;} .container_2024 .new_lnb .lnb_menu li ul li a:hover, .container_2024 .new_lnb .lnb_menu li ul li a:hover strong, .container_2024 .new_lnb .lnb_menu li ul li.on strong {color:#0a9882 !important;} .container_2024 .new_lnb .lnb_menu li ul li.on a {font-family:'notokr-bold';font-size:16px;color:#0a9882;} /* ========== content_wrapper ========== */ .container_2024 .tit_wrap {padding-bottom:15px;border-bottom:2px solid #333;} .container_2024 .tit_wrap.line_gray {border-bottom:2px solid #bec2c7;} .container_2024 .tit_wrap.bdn {border:none;} .container_2024 .tit_wrap h1 {font-family:'notokr-bold',"NanumGothic","나눔고딕";font-size:24px;color:#010101;line-height:28px;letter-spacing:-0.5px;position:relative;height:28px;} .container_2024 .tit_wrap h2 {font-family:'notokr-medium',"NanumGothic","나눔고딕";font-size:22px;color:#333;line-height:26px;letter-spacing:-0.5px;position:relative;height:26px;} .container_2024 .tit_wrap h2 span {font-size:16px;} .container_2024 .tit_wrap h3 {font-family:'notokr-medium';font-size:20px;color:#333;line-height:24px;letter-spacing:-0.5px;position:relative;height:24px;} .container_2024 .tit_wrap h4 {font-family:'notokr-bold';font-size:26px;color:#2b2e38;line-height:30px;letter-spacing:-0.5px;} .container_2024 .tit_wrap h5 {font-family:'notokr-regular';font-size:14px;color:#8b8b8b;} .container_2024 .tit_wrap a.moreAll {font-family:'notokr-regular';font-size:14px;color:#666;position:absolute;right:0;bottom:0;padding-right:15px;} .container_2024 .tit_wrap a.moreAll:after {clear:both;content:"";display:block;transform:rotate(45deg);border-top:1px solid #666;border-right:1px solid #666;width:6px;height:6px;position:absolute;right:3px;top:50%;margin-top:-4px;} .container_2024 .tit_wrap a.info {font-family:'notokr-medium';font-size:14px;color:#7b7e86;position:absolute;right:0;bottom:0;padding:1px 25px;border:1px solid #bec1c6;border-radius:15px;} .container_2024 .tit_btn {display:inline-block;font-family:'notokr-regular';font-size:14px;height:32px;line-height:32px;border-radius:3px;position:absolute;right:10px;top:-5px;padding:0 22px;} .container_2024 .info_btn {display:inline-block;font-family:'notokr-regular';font-size:14px;height:28px;line-height:30px;border-radius:3px;padding:0 5px;} .container_2024 .offCard_form {position:relative;padding:30px 25px;border-top:2px solid #333;border-bottom:1px solid #cbcbcb;} .container_2024 .offCard_form a.pd_btn {position:absolute;right:30px;top:50%;margin-top:-16px;width:89px;} .container_2024 .offCard_form a.pd_btn1 {margin-top:-52px;} .container_2024 .offCard_form a.pd_btn2 {margin-top:-16px;} .container_2024 .offCard_form a.pd_btn3 {margin-top:20px;} .container_2024 .btn_area {margin:30px auto 0;} .container_2024 .btn_area ul li {display:inline-block;width:142px;height:40px;margin:0 10px;} .container_2024 .btn_area a {display:block;width:100%;height:100%;font-family:'notokr-medium';font-size:16px;color:#fff;line-height:38px;margin:0;border-radius:3px;background:#0a9882;} .container_2024 .btn_area a.bg_gray {background:#575b63;} .container_2024 .btn_area a.bg_lightgray {background:#f3f5f8;color:#575b63;border:1px solid #9b9fa8;line-height:36px;} .container_2024 .btn_area a.bg_blk {background:#333;} .container_2024 .pd_banner_img {margin-top:30px;margin-bottom:40px;} .container_2024 .pd_banner_img img {vertical-align:top;} .container_2024 .list_btn_sm a {font-size:14px;border-radius:3px;letter-spacing:-1px;padding:4px 6px;} .container_2024 .dotted {clear:both;position:relative; text-indent:-12px;padding-left:15px;font-family:'notokr-regular',"NanumGothic","나눔고딕";font-size:16px;color:#2b2e38;line-height:21px;letter-spacing:-0.5px;} .container_2024 .dotted i {display:inline-block;width:4px;height:4px;border-radius:4px;background:#7b7e86;font-size:0;margin-right:8px;line-height:18px;} .container_2024 .emark {position:relative; text-indent:-12px;padding-left:15px;font-family:'notokr-regular';font-size:16px;color:#2b2e38;line-height:26px;letter-spacing:-0.5px;} .container_2024 .emark:before {clear:both;content:"";display:inline-block;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_emark.png) no-repeat center top;width:14px;height:14px;margin-right:8px;} .container_2024 .quemark:before {clear:both;content:"";display:inline-block;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_que.png) no-repeat center top;width:14px;height:14px;vertical-align:middle;margin-right:8px;} .container_2024 .excelmark:before {clear:both;content:"";display:inline-block;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_excel.png) no-repeat center top;width:10px;height:12px;vertical-align:middle;margin-right:8px;} .container_2024 .emark_big {position:relative; text-indent:-12px;padding-left:15px;font-family:'notokr-regular';font-size:16px;color:#2b2e38;line-height:26px;letter-spacing:-0.5px;} .container_2024 .emark_big:before {clear:both;content:"";display:inline-block;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_emark_big.png) no-repeat center top;width:24px;height:24px;margin-right:8px;} .container_2024 .chk_v:after {clear:both;content:"";display:block;} .container_2024 .chk_v input[type="checkbox"]+label {cursor:pointer;display:block;width:18px;height:18px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_chk_v.png) no-repeat center top;font-size:0;text-indent:-9999px;margin:0;} .container_2024 .chk_v input[type="checkbox"]:checked+label {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_chk_v_on.png) no-repeat center top;} .container_2024 .chk_v input[type="checkbox"].disabled+label {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/pay/ico_pay_chk2_off.png) no-repeat center top;background-size:100%;border-radius:2px;} .container_2024 .chk_v input[type="checkbox"] {display:none;} .container_2024 .line_blk {color:#575b63;background:#f3f5f8;border:1px solid #9b9fa8;} .container_2024 .bg_green {color:#fff;background:#0a9882;border:1px solid #087e6c;} .container_2024 .bg_wht {color:#333;background:#fff;border:1px solid #9b9fa8;} .container_2024 .bg_dark_blk {color:#fff;background:#333;border:1px solid #333} .container_2024 .bg_dark_blk:hover {color:#fff !important;} .container_2024 .bg_blk {color:#fff;background:#575b63;border:1px solid #575b63;} .container_2024 .bg_blk:hover {color:#fff !important;} .container_2024 .bg_gray {color:#333;background:#d3d5da;border:1px solid #9b9fa8;} .container_2024 .underline {text-decoration:underline;} .container_2024 .commText {width:865px;height:270px;border:1px solid #bec2c7;outline:none;resize:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;line-height:21px;letter-spacing:-0.5px;vertical-align:top;padding:25px 14px 25px 25px;} .container_2024 select {border:1px solid #bec2c7;height:40px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;line-height:21px;letter-spacing:-0.5px;} .container_2024 em.red {color:#ff2424;} .container_2024 em, .container_2024 em.default, .container_2024 em.default strong {color:#0a9882;} .container_2024 em.B_red, .container_2024 em.B_red strong {color:#ff6666;} .container_2024 em.B_blue {color:#298ded;} .container_2024 i.require {font-style:normal;color:#ff0000} .container_2024 .pos_relative {position:relative;} .container_2024 .f18 {font-size:18px;} .container_2024 .tx_idt14 {text-indent:-14px;padding-left:14px;} .container_2024 .mt60 {margin-top:60px;} /* ========== table ========== */ .container_2024 table input[type="text"] {border:1px solid #bec2c7;width:calc(100% - 15px);height:36px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 table input[type="text"]:active, .container_2024 table input[type="text"]:focus, .container_2024 table input[type="text"]:hover {outline:0;border:1px solid #bec2c7;} .container_2024 table input[type="radio"] {width:24px;height:24px;outline:none;vertical-align:top;-webkit-appearance: none;-moz-appearance: none; appearance: none; border: 1px solid #ccc;border-radius: 50%;outline: none;cursor: pointer;} .container_2024 table input[type="radio"]:checked {box-shadow: 0 0 0 1px #0a9882;border: 5px solid #fff;background-color: #0a9882;} .container_2024 table label {font-family:'notokr-regular';font-size:16px;color:#2b2e38;line-height:24px;margin:0 25px 0 5px;} .container_2024 .pd_btn {display:inline-block;font-family:'notokr-regular';font-size:14px;width:auto;height:32px;line-height:32px;border-radius:3px;padding:0 17px;text-indent:0;} .container_2024 .pd_btn_big {display:inline-block;font-family:'notokr-regular';font-size:16px;width:105px;height:38px;line-height:36px;border-radius:3px;text-indent:0;} .container_2024 .pd_btn:hover {color:inherit;} .container_2024 .tbl_info {font-family:'notokr-regular';letter-spacing:-0.5px;} .container_2024 .tbl_info strong em {font-family:'notokr-bold';font-size:26px;} .container_2024 .tbl_info .chk_v {float:left;margin-right:10px;} .container_2024 .tbl_info.pay {text-align:right;font-size:18px;color:#333;line-height:22px;} .container_2024 .tbl_info.txt {text-align:left;font-size:16px;color:#333;line-height:20px} .container_2024 .tbl_info.txt em {color:#a6a6a6;} .container_2024 .tbl_info span {position:relative;color:#7b7e87;} .container_2024 .tbl_info span a.moreView {font-family:'notokr-regular';font-size:16px;color:#333;padding-right:15px;margin-left:20px;} .container_2024 .tbl_info span a.moreView:after {clear:both;content:"";display:block;transform:rotate(135deg);border-top:1px solid #666;border-right:1px solid #666;width:6px;height:6px;position:absolute;right:3px;top:50%;margin-top:-4px;} .container_2024 .tbl_info span a.emark {margin-left:10px;font-family:'notokr-regular';font-size:14px;color:#7b7e87;line-height:17px;} .container_2024 .tbl_info_Txt {letter-spacing:-1px;} .container_2024 .txt_info li {color:#2b2e38;line-height: 26px;} .container_2024 .txt_info.package li {line-height:40px;margin-bottom:10px;} .container_2024 .txt_info.package li p {float:left;width:85px;line-height:40px;} .container_2024 .txt_info.package li select {width:250px;display:inline-block;vertical-align:top;} .container_2024 .txt_info.package li .chk_v {display:inline-block;width:auto;margin-left:25px;margin-right:10px;} .container_2024 .txt_info.package li input[type="text"] {width:238px;vertical-align:top;} .container_2024 .txt_info_Image li {color:#888;line-height: 26px;} .container_2024 .txt_info_Box {border:1px solid #d3d5da; padding:20px 24px;} .container_2024 .txt_info_Box li {color:#7b7e86;line-height:22px;} .container_2024 .txt_info_Box li.tit {font-family:'notokr-bold',"NanumGothic","나눔고딕";font-size:16px;color:#222} .container_2024 .txt_info_Box li i {line-height:15px;} .container_2024 .txt_info_Box_BG {background:#f4f5f9; padding:30px 34px;} .container_2024 .txt_info_Box_BG li {font-size:14px;color:#2b2e38;line-height:22px;} .container_2024 .txt_info_Box_BG li.tit {font-family:'notokr-bold',"NanumGothic","나눔고딕";font-size:16px;color:#222} .container_2024 .txt_info_Box_BG li i {line-height:15px;} .container_2024 .txt_info_Box_BG.wht {background:#fff; padding:30px 34px;border:1px solid #d0d0d0;} .container_2024 .txt_info_Box_BG.line {background:#fff; padding:30px 34px;border-top:1px solid #d0d0d0;} .container_2024 .return_img {position:relative;} .container_2024 .return_img ul {position:absolute;top:130px;left:13px;} .container_2024 .return_img ul li {float:left;font-family:'notokr-medium';font-size:14px;text-align:center;} .container_2024 .return_img ul li.tx1 {color:#2b2e38;width:100px;} .container_2024 .return_img ul li.tx2 {color:#7f7f7f;width:100px;margin-left:10px;} .container_2024 .return_img ul li.tx3 {color:#7f7f7f;width:100px;} .container_2024 .return_img ul li.tx4 {color:#7f7f7f;width:110px;} .container_2024 .return_img ul li.tx5 {color:#7f7f7f;width:70px;padding:0;text-indent:0;margin-left:25px;} .container_2024 .return_img ul li.tx6 {color:#089a85;width:100px;margin-top:10px;} .container_2024 .return_img ul li.tx7 {color:#ff6666;width:410px;margin-top:10px;} .container_2024 .return_txt_view {position:relative;} .container_2024 .return_txt_view .tooltipList {display:none;position:absolute;top:0;left:0;right:0} .container_2024 .return_txt_view .tooltipList.on {display:block;} .container_2024 .tbl_list.ty12 .emark_big.tl{display:inline-block;vertical-align:middle;margin:4px 0 0 0;position:relative;} .container_2024 .tbl_list.ty12 .emark_big.tl em{display:none;} .container_2024 .tbl_list.ty12 .emark_big.tl em{display:none;position:absolute;top:35px;left:50%;right:0;margin-left:-20px;width:182px;font-size:12px;color:#000;background:#fff;border:1px solid #9b9fa8;text-align:center;padding:8px;line-height:14px;z-index:1;} .container_2024 .tbl_list.ty12 .emark_big.tl.on em{display:block;} .container_2024 .tbl_list.ty12 .emark_big.tl.on:after{content:"";background:#fff;position:absolute;top:30px;left:10px;transform:rotate(45deg);border-top:1px solid #9b9fa8;border-left:1px solid #9b9fa8;width:10px;height:10px;z-index:2;} .container_2024 .tbl_list_scroll{overflow:hidden;overflow-y:auto;height:300px;} /* ========== calendar_form ========== */ .container_2024 .Calendar_form p {border:1px solid #bec2c7;display:inline-block;padding:0 5px;} .container_2024 .Calendar_form p input {border:none;} .container_2024 .Calendar_form p input:active, .container_2024 .Calendar_form p input:focus, .container_2024 .Calendar_form p input:hover {outline:0;border:none;} .container_2024 .Calendar_form input[type="text"] {border:none;padding:1px;width:148px;font-family:'Roboto';font-size:16px;color:#2b2e38;} .container_2024 .Calendar_form .col_space {padding-right:40px;} /*라디오 버튼 버전 */ /* .container_2024 .Calendar_form a {font-family:'notokr-medium';font-size:16px;color:#2b2e38;display:inline-block;line-height:24px;vertical-align:middle;margin-right:15px;margin-left:8px;} .container_2024 .Calendar_form a:before {float:left;clear:both;content:"";display:block;width:24px;height:24px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_chk.png) no-repeat center top;margin-right:5px;} .container_2024 .Calendar_form a.on:before {background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_chk_on.png) no-repeat center top;} .container_2024 .Calendar_form a:hover {color:#2b2e38;} .container_2024 .Calendar_form a:last-child {margin-right:0;} */ /* 버튼 버전 */ .container_2024 .Calendar_form a {font-family:'notokr-regular';font-size:16px;color:#2b2e38;display:inline-block;line-height:24px;vertical-align:middle;margin-left:10px;border:1px solid #d3d5da;width:62px;height:38px;border-radius:3px;text-align:center;line-height:36px;} .container_2024 .Calendar_form a:hover {color:#2b2e38;} .container_2024 .Calendar_form a.on {border:1px solid #575b63;} /* ========== order_form ========== */ .container_2024 .order_form {border-top:none;border-bottom:2px solid #333;letter-spacing:-0.5px;} .container_2024 .order_form tr td {font-family:'notokr-regular';font-size:16px;color:#333;padding:0;} .container_2024 .order_form .pd_aside {font-size:16px;vertical-align:top;padding-top:40px;} .container_2024 .order_form .pd_aside .pd_num {color:#0a9882;margin-bottom:7px;border-bottom:2px solid #0a9882;display:inline-block;} .container_2024 .order_form .pd_aside .pd_date {color:#333;margin-bottom:10px;} .container_2024 .order_form .pd_aside .pd_brand {color:#a1a1a1;} .container_2024 .order_form .pd_aside .pd_detail {color:#575b64;margin-top:25px;} .container_2024 .order_form .pd_aside .pd_detail a {position:relative;padding:0 15px 0 0;} .container_2024 .order_form .pd_aside .pd_detail a:after {clear:both;content:"";display:block;transform:rotate(45deg);border-top:2px solid #575b64;border-right:2px solid #575b64;width:6px;height:6px;position:absolute;right:3px;top:50%;margin-top:-4px;} .container_2024 .order_form td.left {padding-top:40px;} .container_2024 .order_form td.moreAll {padding:40px 0 25px;} .container_2024 .order_form td.moreAll a {position:relative;font-family:'notokr-regular';font-size:16px;font-weight:bold;color:#333;display:inline-block;} .container_2024 .order_form td.moreAll a:after {clear:both;content:"";display:block;font-size:0;text-indent:-9999px;width:31px;height:41px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_arrow2.png) no-repeat center bottom;border-top:2px solid #e9ebef;width:100%;margin-top:5px;padding-top:15px;} .container_2024 .order_form .pd_list {padding-top:40px;padding-bottom:40px;border-top:1px solid #ddd;} .container_2024 .order_form .pd_list:first-child {padding-top:0;border-top:none;} .container_2024 .order_form .pd_list .pd_grid {display:table;width:100%;} .container_2024 .order_form .pd_list .pd_img {width:154px;height:154px;position:relative;} .container_2024 .order_form .pd_list .pd_img.ebook {width:130px;height:154px;position:relative;margin:0 20px 0 0;} .container_2024 .order_form .pd_list .pd_img.ebook img{width:130px;height:154px;} .container_2024 .order_form .pd_list .pd_img .pd_img_cart{position:absolute;bottom:5px;right:5px;width:42px;height:42px;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/ezbooks/icon_cart.png) no-repeat left top;background-size:100%;font:0/0 arial;} .container_2024 .order_form .pd_list .pd_detail {width:auto;margin-left:20px;} .container_2024 .order_form .pd_list .pd_detail .pd_title {padding-bottom:20px;border-bottom:none;} .container_2024 .order_form .pd_list .pd_detail .pd_title a {font-family:'notokr-regular';font-size:18px;color:#505050;line-height:24px;font-weight:normal;word-break:keep-all;width:370px;height:48px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .container_2024 .order_form .pd_list .pd_detail .pd_opt {margin-top:0;padding-bottom:12px;} .container_2024 .order_form .pd_list .pd_detail .pd_opt .opt1 {font-family:'notokr-regular';font-size:16px;color:#a6a6a6;width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;} .container_2024 .order_form .pd_list .pd_detail .pd_opt .opt2 {font-family:'notokr-regular';font-size:16px;color:#333;} .container_2024 .order_form .pd_list .pd_detail .pd_price {font-family:'Roboto';font-size:26px;font-weight:bold;color:#333;line-height:28px;} .container_2024 .order_form .pd_list .pd_detail .pd_price span {font-family:'notokr-bold';font-size:20px;} .container_2024 .order_form .pd_list .pd_result {width:145px;margin-right:12px;text-align:center;display:table-cell;vertical-align:middle;} .container_2024 .order_form .pd_list .pd_result:after {clear:both;content:"";display:block;} .container_2024 .order_form .pd_list .pd_result span {display:inline-block;} .container_2024 .order_form .pd_list .fin {font-family:'notokr-regular';font-size:16px;font-weight:bold;color:#333;} .container_2024 .order_form .pd_list .fin+a {margin-top:30px;} .container_2024 .order_form .pd_list .cancel {font-family:'notokr-bold';font-size:16px;color:#8a8a8a;} .container_2024 .order_form .pd_list .pd_btn {display:inline-block;font-family:'notokr-regular';font-size:14px;width:143px;height:32px;line-height:32px;margin-top:6px;border-radius:3px;padding:0} .container_2024 .order_form .pd_list .pd_btn_sm {width:88px;height:24px;line-height:24px;margin:-4px 0 0 6px !important;} .container_2024 .order_form .pd_list .pd_btn:first-child {margin-top:0;} .container_2024 .order_form .pd_list .pd_btn.bg_green:hover {color:#fff;} .container_2024 .order_form .pd_list .pd_btn.line_blk:hover {color:#575b63;} .container_2024 .order_form .pd_btn_ul {text-decoration: underline;} .container_2024 .order_form .pd_edge {border-left:1px solid #ddd;} .container_2024 .order_form .pd_edge .fin {font-family:'notokr-medium';font-size:20px;color:#333;line-height:24px;} .container_2024 .order_form .pd_edge .fin em {font-size:14px;color:#333;display:block;} .container_2024 .order_form .directBox {display:none;} .container_2024 .order_form .directBox>td {padding:0 !important;} .container_2024 .order_form .directBox.on {display:block;} .container_2024 .order_form .directBox.on tr:last-child td {border-bottom:0;} .container_2024 .order_form_detail .pd_list .pd_result {width:180px;} /* .container_2024 .tbl_form td a:hover, .container_2024 .tbl_form td a:hover strong {color:#0a9882;} .container_2024 .tbl_list td a:hover, .container_2024 .tbl_list td a:hover strong {color:#0a9882;} */ /* ========== ty11 ========== */ .container_2024 .ty11 {border-top:none;letter-spacing:-0.5px;word-break: keep-all;} .container_2024 .ty11 thead tr th {background:#f5f5f5;font-family:'notokr-bold';font-size:14px;color:#333;font-weight:normal;height:43px;border-left:none;} .container_2024 .ty11 tr td {font-family:'notokr-regular';font-size:14px;color:#333;padding:0;border-left:none;height:89px;} .container_2024 .ty11 tr td.opt1 {width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;padding:0 40px;} .container_2024 .ty11 tr td.right {padding-right:60px;} .container_2024 .ty11 .chk_v input[type="checkbox"]+label {margin:0 auto;} .container_2024 .ty11 .input_sm input[type="text"] {width:73px;height:26px;font-size:14px;text-align:right;padding-bottom:2px;} .container_2024 .ty11 .rad_chk {text-align:center;} .container_2024 .ty11 .rad_chk label {margin-right:5px;} .container_2024 .ty11.Password_form {border-top:1px solid #ddd;} .container_2024 .ty11.Password_form tr td {font-size:16px; height:75px;} .container_2024 .ty11.Password_form tr td input {border:1px solid #bec2c7;width:200px;height:38px;margin-left:10px;outline:none;} .container_2024 .ty11.order_form tr+ tr td {padding:20px 0;} .container_2024 .ty11.order_form tr td {font-size:16px;height:auto;} .container_2024 .ty11.order_form .chk_v {display:table-cell;width:40px;position:relative;vertical-align:middle;} .container_2024 .ty11.order_form select {width:420px;vertical-align:top;} .container_2024 .ty11.order_form select + em {line-height:40px;margin-left:20px;} .container_2024 .ty11.order_form textarea {width:684px;height:48px;padding: 15px 14px 15px 15px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .ty11.order_form .myOrderImage:after{clear:both;content:"";display:block;} .container_2024 .ty11.subscription_form {border-top:2px solid #bec2c7;} .container_2024 .ty11.subscription_form tr td {position:relative;} .container_2024 .ty11.subscription_form .sc_btn {position:absolute;right:10px;top:50%;margin-top:-20px;} .container_2024 .ty11 tr th a:hover, .container_2024 .ty11 tr td a:hover {color:inherit;} .container_2024 .ty11.ezBooks_form tr td {font-size:16px;height:auto;padding:20px 0;} .container_2024 .ty11.ezBooks_form .chk_v {display:table-cell;width:40px;position:relative;vertical-align:middle;} .container_2024 .ty11.ezBooks_form select {width:420px;vertical-align:top;} .container_2024 .ty11.ezBooks_form select + em {line-height:40px;margin-left:20px;} .container_2024 .ty11.ezBooks_form textarea {width:684px;height:48px;padding: 15px 14px 15px 15px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .ty11.blk_border {border-top:2px solid #333;} .container_2024 .ty11.gray_border {border-top:2px solid #bec2c7;} /* .container_2024 .ty11.order_form #image_preview {margin-bottom:10px;} .container_2024 .ty11.order_form #image_preview .file_btn {position:relative;margin-bottom:5px;} .container_2024 .ty11.order_form #image_preview .file_btn label {cursor:pointer;margin:0;display:inline-block;font-family:'notokr-regular';font-size:16px;color:#fff;text-align:center;width:105px;height:32px;line-height:32px;border-radius:3px;background:#444;-webkit-appearence:none;} .container_2024 .ty11.order_form #image_preview .file_btn input {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;} .container_2024 .ty11.order_form #image_preview #att_zone {border: 1px solid #bec2c7;font-family:'notokr-regular';font-size:16px;color:#949494;line-height:21px;letter-spacing:-0.5px;width:713px;min-height:150px;padding:10px;} .container_2024 .ty11.order_form #image_preview #att_zone:empty:before{content : attr(data-placeholder);} .container_2024 .ty11.order_form #image_preview #att_zone input {font-family:'notokr-regular';line-height: 22px;cursor:pointer;} */ /* ========== ty12 ========== */ .container_2024 .ty12 {border-top:none;letter-spacing:-0.5px;word-break: keep-all;} .container_2024 .ty12 thead tr th {background:#fafbfd;} .container_2024 .ty12 tbody tr th {background:#fafbfd;padding-left:20px;} .container_2024 .ty12 tr th {font-family:'notokr-bold';font-weight:normal;font-size:14px;color:#010101;padding-left:20px;border-right:1px solid #bec2c7;;padding:10px;height:39px;} .container_2024 .ty12 tr th:last-child {border-right:none;} .container_2024 .ty12 tr td {font-family:'notokr-regular';font-size:14px;color:#333;padding:10px;border-left:none;border-right:1px solid #bec2c7;height:39px;} .container_2024 .ty12 tr td:last-child {border-right:none;} .container_2024 .ty12 .tbl_list_btn p {line-height:24px;} .container_2024 .ty12 .rad_chk {padding:5px 0;} .container_2024 .ty12 .rad_chk span {margin-right:30px;} .container_2024 .ty12 .t16 {font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .ty12 .ipt {display:flex;line-height:54px;} .container_2024 .ty12 .ipt input[type="text"] {margin:10px 0 9px;} .container_2024 .ty12 .ipt input[type="text"] + i {margin:0 5px;font-style:normal;} .container_2024 .ty12 .ipt select {margin:10px 0 9px;} .container_2024 .ty12 .ipt a {margin:10px 0 9px;} .container_2024 .ty12 .tel {width:62px;} .container_2024 .ty12 .email1 {width:192px;} .container_2024 .ty12 .email2 {width:242px;} .container_2024 .ty12 .addr1 {width:142px;} .container_2024 .ty12 .addr2 {width:492px;} .container_2024 .ty12 .post {width:338px;} .container_2024 .ty12.Delivery_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.Point_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.Exchange_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.Exchange_form label {margin:0 5px 0 5px;} .container_2024 .ty12.ezBooks_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.ezBooks_form label {margin:0 5px 0 5px;width:100px;display:inline-block;} .container_2024 .ty12.MyPoint_form {} .container_2024 .ty12.Reserves_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.Reserves_list_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.WaitList_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.rewardList3_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.rewardList3_list_form {border-top:2px solid #bec2c7;} .container_2024 .ty12.myInfoView_form {} .container_2024 .ty12.myInfoView_form .pd_btn_big {width:auto;padding:0 15px;} .container_2024 .ty12 .iblock{display:inline-block;} .container_2024 .ty12.blk_border {border-top:2px solid #333;} .container_2024 .ty12.gray_border {border-top:2px solid #bec2c7;} .container_2024 .ty12.Total_form {border-top:1px solid #bec2c7;border-left:1px solid #bec2c7;border-right:1px solid #bec2c7;} .container_2024 .ty12.Total_form em strong {font-size:18px;padding-right:20px;} /* ========== ty13 ========== */ .container_2024 .ty13 {border-top:none;letter-spacing:-0.5px;word-break: keep-all;} .container_2024 .ty13 thead tr th {background:#fff;border-bottom:none;} .container_2024 .ty13 tbody tr th {background:#fff;border-bottom:none;padding-left:20px;} .container_2024 .ty13 tr th {font-family:'notokr-bold';font-size:14px;color:#010101;border-right:none;padding:0 0 5px;height:39px;} .container_2024 .ty13 tr th:last-child {border-right:none;} .container_2024 .ty13 tr td {font-family:'notokr-regular';font-size:14px;color:#333;padding:0 0 5px;border-left:none;border-right:none;border-bottom:none;height:39px;} .container_2024 .ty13 tr td:last-child {border-right:none;} .container_2024 .ty13 .tbl_list_btn p {line-height:24px;} .container_2024 .ty13 .rad_chk {padding:5px 0;} .container_2024 .ty13 .rad_chk span {margin-right:30px;} /* ========== tabs ========== */ .container_2024 .tab_com_rn ul::after, .container_2024 .tab_com_rn_x ul::after {clear:both;content:"";display:block;} .container_2024 .tab_com_rn ul li, .container_2024 .tab_com_rn_x ul li {float:left;height:56px;} .container_2024 .tab_com_rn ul li a, .container_2024 .tab_com_rn_x ul li a {display:block;width:100%;height:100%;box-sizing:border-box;font-family:'notokr-regular';font-size:16px;color:#2b2e38;text-align:center;line-height:54px;background:#fff;border:1px solid #d3d5da;background:#f3f5f8;} .container_2024 .tab_com_rn ul li.on a, .container_2024 .tab_com_rn_x ul li.on a {font-family:'notokr-medium';font-size:16px;color:#fff;background:#2b2e38; border:1px solid #2b2e38;} .container_2024 .tab_com_rn ul.depth2 li, .container_2024 .tab_com_rn_x ul.depth2 li{width:50%;} .container_2024 .tab_com_rn ul.depth3 li, .container_2024 .tab_com_rn_x ul.depth3 li{width:33.33333333%;} .container_2024 .tab_com_rn ul.depth4 li, .container_2024 .tab_com_rn_x ul.depth4 li{width:25%;} .container_2024 .tab_view_rn {display:none;} .container_2024 .tab_view_rn.on {display:block;} /* ========== tabs mypoint ========== */ .container_2024 .tab_point::after {clear:both;content:"";display:block;} .container_2024 .tab_point .tab_com_rn {float:left;} .container_2024 .tab_point .tab_com_rn_x {float:left;} .container_2024 .tab_point .tab_com_rn ul.depth2::after {clear:both;content:"";display:block;} .container_2024 .tab_point .tab_com_rn_x ul.depth2::after .container_2024 .tab_point .tab_com_rn ul.depth2 li {float:inherit;height:80px;width:228px;} .container_2024 .tab_point .tab_com_rn_x ul.depth2 li {float:inherit;height:80px;width:228px;} .container_2024 .tab_point .tab_com_rn ul.depth2 li a {display:block;width:100%;height:100%;box-sizing:border-box;font-family:'notokr-bold';font-size:18px;color:#b1b1b1;text-align:center;line-height:80px;background:#f7f7f7;border:2px solid #f7f7f7;border-right:none;} .container_2024 .tab_point .tab_com_rn_x ul.depth2 li a {display:block;width:100%;height:100%;box-sizing:border-box;font-family:'notokr-bold';font-size:18px;color:#b1b1b1;text-align:center;line-height:80px;background:#f7f7f7;border:2px solid #f7f7f7;border-right:none;} .container_2024 .tab_point .tab_com_rn ul.depth2 li:last-child a {border-radius:0 0 0 15px;} .container_2024 .tab_point .tab_com_rn_x ul.depth2 li:last-child a {border-radius:0 0 0 15px;} .container_2024 .tab_point .tab_com_rn ul.depth2 li.on a {color:#2b2e38;background:#fff; border:2px solid #ebebeb;border-right:none;} .container_2024 .tab_point .tab_com_rn_x ul.depth2 li.on a {color:#2b2e38;background:#fff; border:2px solid #ebebeb;border-right:none;} .container_2024 .tab_point .tab_com_rn ul.depth2 li:first-child a, .container_2024 .tab_point .tab_com_rn ul.depth2 li.on:first-child a {border-top:none;} .container_2024 .tab_point .tab_com_rn_x ul.depth2 li:first-child a, .container_2024 .tab_point .tab_com_rn_x ul.depth2 li.on:first-child a {border-top:none;} .container_2024 .tab_point .tab_view_rn {display:none;float:left;width:678px;height:160px;} .container_2024 .tab_point .tab_view_rn.on {display:block;} .container_2024 .tab_point {border-top:2px solid #333;} .container_2024 .tab_point .myPoint {background:#fff;border-right:2px solid #ebebeb;border-bottom:2px solid #ebebeb;border-radius:0 0 15px 0;} .container_2024 .tab_point .myPoint ul {display:flex;} .container_2024 .tab_point .myPoint ul:after {clear:both;content:"";display:block;} .container_2024 .tab_point .myPoint ul li {position:relative;float:left;width:100%;text-align:center;box-sizing:border-box;padding:45px 0;} .container_2024 .tab_point .myPoint ul li:first-child:before {display:none;} .container_2024 .tab_point .myPoint ul li:before {clear:both;content:"";display:block;background:#efefef;width:1px;height:114px;position:absolute;top:50%;left:-1px;margin-top:-57px;} .container_2024 .tab_point .myPoint ul li span {display:block;font-family:'notokr-medium';font-size:18px;color:#6c6c6c} .container_2024 .tab_point .myPoint ul li p {font-family:'Roboto';font-size:28px;color:#333;font-weight:bold;margin-top:22px;letter-spacing:-1px;} .container_2024 .tab_point .myPoint.only {border-left:2px solid #ebebeb;border-radius:0 0 15px 15px;} .container_2024 .tab_point .myPoint.only ul li span em {font-family:'notokr-bold';font-size:18px;color:#2b2e38;line-height:68px;} /* ========== tabs 수거방법 ========== */ .container_2024 .rad_tabs>div {margin-bottom:10px;} .container_2024 .rad_tabs>div::after {clear:both;content:"";display:block;} .container_2024 .rad_tabs>div span {float:left;line-height:25px;} .container_2024 .rad_tabs .tbl_info.chk .chk_v {width:20px;} .container_2024 .rad_tabs .tbl_info.chk .chk_v input[type="checkbox"]+label {position:relative;top:3px;} .container_2024 .rad_cont {display:none;} .container_2024 .rad_cont.on {display:block;} .container_2024 .rad_cont>td {padding:0 !important;} .container_2024 .rad_cont tr:last-child td {border-bottom:0;} .container_2024 .rad_cont .Delivery_label li {line-height:40px;} .container_2024 .rad_cont .Delivery_label li i+span {display:inline-block;margin-left:8px;width:60px;} .container_2024 .rad_cont .Delivery_label select {width:275px;} .container_2024 .rad_cont .Delivery_label input {width:508px;} .container_2024 .rad_cont .Delivery_label .tbl_info.txt {display:inline-block;} .container_2024 .rad_cont .Delivery_label #c_Num1 {width:160px;} .container_2024 .rad_cont .Delivery_label .tel {width:158px;} .container_2024 .rad_cont .Delivery_label .ipt {display:inline;line-height:54px;} .container_2024 .rad_cont .Delivery_label .ipt input[type="text"] {margin:10px 0 9px;} .container_2024 .rad_cont .Delivery_label .ipt input[type="text"] + i {margin:0 5px;font-style:normal;} .container_2024 .rad_cont .Delivery_label .addr1 {width:508px;} .container_2024 .rad_cont .Delivery_label .addr2 {float:left;width:243px;} .container_2024 .rad_cont .Delivery_label .addr3 {float:left;width:243px;margin-left:10px;} .container_2024 .rad_cont .Delivery_label .row_space_n {margin-left:71px;} /* ========== ez북스 ========== */ .container_2024 .ezBooksFin {width:500px;height:280px;margin:100px auto 50px;border-radius:20px;background:#fafbfd;text-align:center;} .container_2024 .ezBooksFin .pd_img {padding:50px 0 15px;} .container_2024 .ezBooksFin p {font-family:'notokr-regular';font-size:16px;color:#7b7e86;text-align:center;line-height:20px;} .container_2024 .ezBooksFin p em {color:#2b2e38;} /* ========== 최근 본 상품 ========== */ .container_2024 .recent_prd_wrap{width:935px;margin:0 0 0 -30px;} .container_2024 .recent_prd{overflow:hidden;height:276px !important;} .container_2024 .recent_prd li{width:157px;float:left;margin:16px 0 0 30px;} .container_2024 .recent_prd li img{width:157px;} .container_2024 .recent_prd li .recent_prd_t1{font-family:'notokr-bold';font-size:20px;color:#222;display:block;padding:30px 0 10px 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .container_2024 .recent_prd li .recent_prd_t2{font-family:'notokr-regular';font-size:16px;color:#333;letter-spacing:-1px;line-height:22px;display:block;width:157px;overflow:hidden;padding:10px 0 0 0;box-sizing: border-box;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .container_2024 .recent_prd li .recent_prd_t3{font-family:'notokr-bold';font-size:20px;color:#333;letter-spacing:-1px;display:block;padding:15px 0 0 0;} .container_2024 .recent_prd li .recent_prd_t3 em{font-family:'notokr-regular';font-size:16px;color:#333;} .container_2024 .recent_pager {text-align: center; height: 16px;padding:40px 0 0 0;} .container_2024 .recent_pager a {background: #ddd; width: 16px; height: 16px; font-size: 0; text-indent: -9999px; border-radius: 16px; margin: 0 5px; vertical-align: top; zoom: 1; display: inline-block; *display: inline !important;} .container_2024 .recent_pager a.activeSlide {width: 46px; height: 16px; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;} /* ========== OOO님을 위한 추천상품 ========== */ .container_2024 .personal_prj_prd_wrap{width:935px;margin:0 0 0 -30px;} .container_2024 .personal_prj_prd{overflow:hidden;height:316px !important;} .container_2024 .personal_prj_prd li{position:relative;width:196px;height:300px;float:left;margin:16px 0 0 37px;} .container_2024 .personal_prj_prd li a {display:block;width:100%;height:100%;} .container_2024 .personal_prj_prd li a .img:before {position:absolute;top:0;left:0;clear:both;content:"";display:block;width:196px;height:196px;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-khtml-opacity: 0.3;-moz-opacity: 0.3;opacity: 0.3;} .container_2024 .personal_prj_prd li a:hover:after {position:absolute;top:0;left:0;clear:both;content:"";display:block;border:1px solid #9b97ab;width:194px;height:298px;} .container_2024 .personal_prj_prd li a:hover .img:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;-webkit-transition: all 0.45s ease; transition: all 0.45s ease;} .container_2024 .personal_prj_prd li img{width:196px;} .container_2024 .personal_prj_prd li .personal_prj_prd_t1{font-family:'notokr-bold';font-size:20px;color:#222;display:block;padding:30px 0 10px 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .container_2024 .personal_prj_prd li .personal_prj_prd_t2{font-family:'notokr-regular';font-size:16px;color:#333;letter-spacing:-1px;line-height:22px;display:block;width:184px;overflow:hidden;padding:10px 0 0 10px;box-sizing: border-box;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .container_2024 .personal_prj_prd li .personal_prj_prd_t3{font-family:'notokr-bold';font-size:20px;color:#333;letter-spacing:-1px;display:block;padding:15px 0 0 10px;} .container_2024 .personal_prj_prd li .personal_prj_prd_t3 em{font-family:'notokr-regular';font-size:16px;color:#333;} .container_2024 .recent_pager {text-align: center; height: 16px;padding:40px 0 0 0;} .container_2024 .recent_pager a {background: #ddd; width: 16px; height: 16px; font-size: 0; text-indent: -9999px; border-radius: 16px; margin: 0 5px; vertical-align: top; zoom: 1; display: inline-block; *display: inline !important;} .container_2024 .recent_pager a.activeSlide {width: 46px; height: 16px; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;} /* ========== 주문배송조회 안내문구 ========== */ .container_2024 .orderInfo .tit_wrap {font-family:'notokr-medium';font-size:18px;color:#2b2e38;border-top:1px solid #bec2c7; border-bottom:1px solid #bec2c7;height:50px;line-height:48px;padding:0 0 0 10px;} .container_2024 .orderInfo ul {margin-left:10px;} .container_2024 .orderInfo ul li {font-family:'notokr-regular';font-size:14px;color:#2b2e38;line-height:24px;letter-spacing:-1px;} .container_2024 .orderInfo ul li.tit_order {font-family:'notokr-bold';font-size:18px;color:#0b0d0f;margin-bottom:15px;margin-top:30px;} /* ========== page_list_rn ========== */ .page_list.page_list_rn {position:relative;margin:30px 0 10px;text-align:center;height:34px;} .page_list.page_list_rn a {vertical-align:top;display:inline-block;height:34px;width:34px;text-align:center;border:none;line-height:34px;background-color:#fff;margin-right:5px;font-family:'Roboto';font-size:16px;color:#0b0d0f;font-weight:bold;} .page_list.page_list_rn a img {margin-top:8px} .page_list.page_list_rn a.page_on {background:#e9ebef;font-weight:bold;color:#0b0d0f;border:none;text-align:center;border-radius:3px;} .page_list.page_list_rn .btn_right {position:absolute;top:0;right:0} .page_list.page_list_rn .btn_right a {border:none;width:auto;height:auto} /* ========== 적립금 ========== */ .container_2024 .myReservesBox {border:1px solid #bec2c7;padding:40px 0;display:flex;} .container_2024 .myReserves {position:relative;width:534px;text-align:center;padding-bottom:15px;box-sizing:border-box;} .container_2024 .myReserves::after {position:absolute;top:0;right:0;clear:both;content:"";display:block;width:1px;height:100%;background:#bec2c7;} .container_2024 .myReserves p {font-family:'notokr-bold';font-size:32px;color:#222;margin:20px 0 25px;} .container_2024 .myReserves p i {display:inline-block;width:24px;height:24px;border:2px solid #7b7e86;border-radius:20px;font-family:'notokr-regular';font-size:20px;font-style:normal;color:#7b7e86;margin-left:8px;line-height:22px;vertical-align:middle;} .container_2024 .myReserves span {font-family:'notokr-regular';font-size:28px;color:#ff6666;} .container_2024 .myReserves span em {font-family:'notokr-bold';font-size:32px;color:#ff6666;} .container_2024 .myReserves_detail {width:370px;box-sizing:border-box;padding:0 40px;} .container_2024 .myReserves_detail p {font-family:'notokr-bold';font-size:18px;color:#222;margin:10px 0 15px;} .container_2024 .myReserves_detail ul li p {font-size:16px;font-family:'notokr-medium';color:#2b2e38;margin:0 0 8px;} .container_2024 .myReserves_detail ul li span {float:right;font-family:'notokr-medium';font-size:16px;color:#2b2e38;} .container_2024 .myReserves_detail ul li p em {font-family:'notokr-bold';color:#2b2e38;} /* ========== layer ========== */ .container_2024 .mp_Layer {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;} .container_2024 .mp_Layer .mp_Layer_box {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:10;width:600px;background:#fff;box-sizing:border-box;} .container_2024 .mp_Layer .mp_Layer_tit {border-bottom:1px solid #e5e5e5;line-height:70px;text-align:center;} .container_2024 .mp_Layer .mp_Layer_tit h2 {font-family:'notokr-bold';font-size:20px;color:#222;} .container_2024 .mp_Layer .mp_Layer_tit .op_close_bt {position:absolute;top:25px;right:30px;width:25px;height:25px;font-size:0;text-indent:-9999px;} .container_2024 .mp_Layer .mp_Layer_tit .op_close_bt::before{position:absolute;top:0;right:12px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(45deg)} .container_2024 .mp_Layer .mp_Layer_tit .op_close_bt::after{position:absolute;top:0;left:11px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(-45deg)} .container_2024 .mp_Layer .mp_Layer_txt {font-family:'notokr-regular';font-size:14px;color:#2b2e38;line-height:24px;border-bottom:none;padding:0 25px 50px 30px;margin-right:0;max-height:700px;overflow-y: auto;overflow-x:hidden;} .container_2024 .mp_Layer .mp_Layer_txt input[type="text"] {width:100%;height:35px;box-sizing:border-box;} .container_2024 .mp_Layer .mp_Layer_txt h3 {font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin-top:20px;} .container_2024 .mp_Layer .mp_Layer_txt h4 {font-family:'notokr-medium';font-size:16px;color:#2b2e38;} .container_2024 .mp_Layer .mp_Layer_txt textarea {padding:10px;margin:10px 0;width:100%;height:90px;box-sizing:border-box;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .mp_Layer .mp_Layer_txt p {font-family:'notokr-regular';font-size:14px;color:#666;padding:10px 0;line-height:20px;} .container_2024 .mp_Layer .mp_Layer_txt p.tin {padding-left:15px;text-indent:-15px;padding-top:0;padding-bottom:0;} .container_2024 .mp_Layer .mp_Layer_txt tr td p>i {font-family: 'notokr-regular';font-size: 12px;color: #9b9fa8;border: 1px solid #9b9fa8;border-radius: 14px;width: 14px;height: 14px;float: left;line-height: 14px; text-align: center;font-style: normal;margin-right:3px;} .container_2024 .mp_Layer .mp_Layer_txt .btn_area ul li {width:100%;margin:0;} .container_2024 .mp_Layer .mp_Layer_txt .btn_area.btn_fit ul li {width:142px;} .container_2024 .mp_Layer .mp_Layer_txt .ipt {display:flex;line-height:54px;} .container_2024 .mp_Layer .mp_Layer_txt .ipt input[type="text"] {margin:10px 0 9px;} .container_2024 .mp_Layer .mp_Layer_txt .ipt input[type="text"] + i {margin:0 5px;font-style:normal;} .container_2024 .mp_Layer .mp_Layer_txt .ty12 tr th {height:auto;line-height:16px;} .container_2024 .mp_Layer .mp_Layer_txt .ty12 tr th.line2 {vertical-align:top;padding-top:10px;padding-bottom:10px;} .container_2024 .mp_Layer .mp_Layer_txt .ty12 tr td {width:380px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:auto;line-height:34px;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll{max-height:365px;height:auto;overflow:hidden;overflow-y:auto;border-top:1px solid #bec2c7;border-bottom:1px solid #bec2c7;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12{border:0;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12 tr:last-child{border-bottom:0;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12 tr:last-child td{border-bottom:0;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12 td{line-height:16px;white-space:normal;width:auto;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12 td p{padding:0;margin:0 0 2px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:16px;} .container_2024 .mp_Layer .mp_Layer_txt .tbl_list_scroll .ty12 td span{font-size:12px;} .container_2024 .mp_Layer .mp_Layer_box.rd_Layer_box{width:900px;} .container_2024 .mp_Layer .h_scroll {max-width:1000vw;overflow-x:auto;overflow-y:hidden;} .container_2024 .mp_Layer .h_scroll table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;} .container_2024 .mp_Layer .mp_Layer_box.myPointView1 {width:980px;} /* 스크롤바의 폭 너비 */ .container_2024 .mp_Layer .mp_Layer_txt::-webkit-scrollbar {width:6px;} .container_2024 .mp_Layer .mp_Layer_txt::-webkit-scrollbar-thumb {background: rgba(206, 207, 207); /* 스크롤바 색상 */border-radius: 6px; /* 스크롤바 둥근 테두리 */} .container_2024 .mp_Layer .mp_Layer_txt::-webkit-scrollbar-track {background: rgba(206, 207, 207, 0); /*스크롤바 뒷 배경 색상*/} .container_2024 .mp_Layer .mp_dim {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;background:#000;opacity:0.5;} .container_2024 .filebox .upload-name {display: inline-block;height: 31px;padding: 2px 5px 0 5px;vertical-align: middle;border: 1px solid #bec2c7;width:292px;color: #2b2e38;} .container_2024 .filebox label {font-family:'notokr-medium';font-size:14px;color:#2b2e38;display: inline-block;padding: 5px 8px 0;vertical-align: middle;;cursor: pointer;background:#f3f5f8;height: 28px;border:1px solid #2b2e38;border-radius:3px;} .container_2024 .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} /* 정기구독 */ .container_2024 .mp_Layer.subsc_pop_wrap {margin:0;border:none;min-width:auto;width:auto;height:auto;background:inherit;} .container_2024 .mp_Layer.subsc_pop_wrap .mp_Layer_box {padding:0;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:10;width:600px;background:#fff;box-sizing:border-box;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_tit {border-bottom:1px solid #e5e5e5;line-height:70px;text-align:center;height:auto;background:#fff;font-family:'notokr-bold';font-size:20px;color:#222;} .container_2024 .mp_Layer.subsc_pop_wrap .mp_Layer_box .subsc_pop_cls {position:absolute;top:25px;right:30px;width:25px;height:25px;font-size:0;text-indent:-9999px;} .container_2024 .mp_Layer.subsc_pop_wrap .mp_Layer_box .subsc_pop_cls::before{position:absolute;top:0;right:12px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(45deg)} .container_2024 .mp_Layer.subsc_pop_wrap .mp_Layer_box .subsc_pop_cls::after{position:absolute;top:0;left:13px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(-45deg)} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box {padding: 0 25px 0 30px;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_stit {background:none !important;font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin:20px 0 0;display:block;padding:0;line-height:inherit;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_stit {font-family:'notokr-regular';font-size:14px;color:#2b2e38;margin:10px 0 5px;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_btn {display:flex;margin-top:10px} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_btn a {font-weight:normal;display:inline-block;width:100%;height:38px;border:1px solid #575b63;background:#fff;font-family:'notokr-regular';font-size:16px;color:#575b63;line-height:38px;text-align:center;margin:0 2px;border-radius:3px;cursor:pointer;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_btn a.on {background:#575b63;color:#fff;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_next {background: #f4f5f9; padding: 30px 34px;font-weight:normal} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_desc {font-family: 'notokr-regular';font-size: 14px;color: #2b2e38;line-height: 24px;padding-left:10px;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box .subsc_pop_ask {position:relative;left:50%;margin:30px 0 30px -60px;width: 60px;cursor: pointer;letter-spacing: -0.5px;display: inline-block;height: 38px;font-size: 14px;font-weight: normal;color: #fff;vertical-align: middle;text-align: center;padding: 0 30px;line-height: 36px;font-family: 'notokr-medium';border-radius: 5px;} .container_2024 .mp_Layer.subsc_pop_wrap .subsc_pop_box input {font-family:'notokr-regular';font-size:14px;} .container_2024 .mp_Layer.subsc_pop_wrap1 .subsc_pop_box .subsc_pop_lyr {margin-top:10px;} .container_2024 .mp_Layer.subsc_pop_wrap2 .subsc_pop_lyr {width:173px;} .container_2024 .mp_Layer.subsc_pop_wrap2 .ip_tel {width:173px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .subscPay {border:none;margin-top:15px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .subscPay>li {padding: 12px 0 0 45px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .simp_li {font-family: 'notokr-regular';font-size: 14px;color: #2b2e38;line-height: 24px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .simp_li ul li {font-family: 'notokr-regular';font-size: 13px;color: #2b2e38;line-height: 20px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .rdo_style {box-sizing:border-box;background:none;width:24px;height:24px;outline:none;vertical-align:top;-webkit-appearance: none;-moz-appearance: none; appearance: none; border: 1px solid #ccc;border-radius: 50%;outline: none;cursor: pointer;} .container_2024 .mp_Layer.subsc_pop_wrap3 input:checked + .rdo_style {background:none;box-shadow: 0 0 0 1px #0a9882;border: 5px solid #fff;background-color: #0a9882;} .container_2024 .mp_Layer.subsc_pop_wrap3 .simp_rdo>li {padding: 12px 0 0 45px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .subsc_pop_lyr {width:544px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .opt_cnt .subsc_pop_lyr {width:173px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .cashReceipt {width:173px;} .container_2024 .mp_Layer.subsc_pop_wrap3 .simp_rdo li .rdo_style {top:10px;left:10px;} /* 쿠폰 */ .container_2024 .coupon_Box {position:relative;z-index: 10;margin:0;} .container_2024 .coupon_Box::after {clear:both;content:"";display:block;} .container_2024 .coupon_Box li {float:left;width:50%;padding:0 40px;margin:50px 0 0;box-sizing: border-box;} .container_2024 .coupon_Box li .coupon_Tit {font-family:'notokr-bold';font-size:18px;color:#5c5c5c;margin-bottom:20px;} .container_2024 .coupon_BG {width:373px;height:180px;background: url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/coupon_bg.png) no-repeat center top;box-sizing:border-box;padding:30px 0 0 40px;} .container_2024 .coupon_BG p {font-family:'notokr-medium';font-size:40px;color:#5c5c5c;margin-bottom:30px;} .container_2024 .coupon_BG p.type1 {font-size:40px;} .container_2024 .coupon_BG p.type1 em {vertical-align:top;} .container_2024 .coupon_BG p.type2 {font-size:22px;} .container_2024 .coupon_BG p.type2 em {vertical-align:bottom;} .container_2024 .coupon_BG p em {font-family:'notokr-medium';font-size:60px;letter-spacing:-2px;} .container_2024 .coupon_BG span {display:block;margin-bottom:10px;letter-spacing:-0.5px;} .container_2024 .coupon_BG .coupon_Period {font-family:'notokr-medium';font-size:14px;color:#222;} .container_2024 .coupon_BG .coupon_Info {font-family:'notokr-regular';font-size:14px;color:#7b7e86;} .container_2024 .coupon_BG .coupon_Info i {font-family: 'notokr-regular';font-size: 11px;color: #9b9fa8;border: 1px solid #9b9fa8;border-radius: 12px;width: 12px;height: 12px;display: inline-block;line-height: 12px; text-align: center;font-style: normal;margin-left:3px;} /* H.Point */ .container_2024 .H_PointTit.sub_tit {border-bottom: 0;} .container_2024 .H_PointTit.sub_tit h3 {width: 100%; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 20px; color: #222; margin-left: 20px; padding: 0;} .container_2024 .H_PointTit .H_PointNotice.f_right {float: right; margin-right: 20px; line-height: 22px;} .container_2024 .H_PointTit .H_PointNotice a {position: relative; font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 14px; color: #666; letter-spacing: -1px; padding: 1px 16px 2px 27px;} .container_2024 .H_PointTit .H_PointNotice a::before {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_hpoint_notice.png) no-repeat left top;width:22px;height:22px;position:absolute;top:0;left:0;} .container_2024 .H_PointTit .H_PointNotice a::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_arrow_gary_sm.png) no-repeat left top;width:4px;height:7px;position:absolute;top:6px;right:0;} .container_2024 .H_PointBox {position: relative; background: #f5f5f5; width:906px; height: 240px; border-radius: 20px; margin-bottom: 40px;border:1px solid #d5d7dc;} .container_2024 .H_PointBox::before {position: absolute; top: 50%; left: 50%; margin-top: -80px; clear: both; content:""; display: block; background: #ddd; width: 1px; height: 160px;} .container_2024 .H_PointBox .img_logo {position: absolute; top: 69px; left: 69px;} .container_2024 .H_PointBox .H_Point_login {float:right;} .container_2024 .H_PointBox .H_Point_login .connect {margin: 68px 72px 0; background: #222; width: 250px; height: 100px; border-radius: 50px;} .container_2024 .H_PointBox .H_Point_login .connect a {border-radius: 50px; display: table; width: 100%; height: 100%;} .container_2024 .H_PointBox .H_Point_login .connect span {position: relative; display: table-cell; width: 100%; height: 100%; border-radius: 50px; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 16px; color: #fff; padding-left: 94px; vertical-align: middle;} .container_2024 .H_PointBox .H_Point_login .connect span::before {position: absolute; left: 27px; clear: both; display: block; content:""; width: 52px; height: 40px; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_hpoint.png) no-repeat left center;} .container_2024 .H_PointBox .H_Point_login .confirm {text-align: center; margin-top: 17px;} .container_2024 .H_PointBox .H_Point_login .confirm a {position: relative; font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 16px; color: #222; letter-spacing: -1px; border-bottom: 1px solid #222; padding: 0 20px 0 10px;} .container_2024 .H_PointBox .H_Point_login .confirm a::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_arrow_black_sm.png) no-repeat left top;width:5px;height:8px;position:absolute;top:7px;right:9px;} .container_2024 .H_PointBox .H_Point_point {float:right;} .container_2024 .H_PointBox .H_Point_point .myPoint {margin: 60px 100px 0 80px; width: 210px; font-family:'Tahoma', 'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 50px; color: #222; text-align: center;} .container_2024 .H_PointBox .H_Point_point .myPoint p {font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 20px; color: #222; margin-bottom: 15px;} .container_2024 .H_PointBox .H_Point_point .history {margin-top: 30px; text-align: center;} .container_2024 .H_PointBox .H_Point_point .history a {position: relative; display: inline-block; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; height: 32px; font-size: 12px; color: #222; line-height: 32px; border: 2px solid #222; border-radius: 18px; padding: 0 40px 0 20px;} .container_2024 .H_PointBox .H_Point_point .history a::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_arrow_black_sm.png) no-repeat left top;width:5px;height:8px;position:absolute;top:12px;right:25px;} .container_2024 .H_PointCard._myCard .tab_com {margin-bottom: 35px;} .container_2024 .H_PointCard._myCard .tab_com._tab2 ul li {width: 50%;} .container_2024 .H_PointCard._myCard .tab_com._HPtab ul {border-bottom: 1px solid #ddd;} .container_2024 .H_PointCard._myCard .tab_com._HPtab ul li {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; text-align: center; margin-bottom: -1px;} .container_2024 .H_PointCard._myCard .tab_com._HPtab ul li a {display: block; width: 100%; height: 100%; font-size: 18px; color :#a9a9a9; border: none; padding: 12px 0 20px; background: none; margin: 0;} .container_2024 .H_PointCard._myCard .tab_com._HPtab ul li.on {border-bottom: 2px solid #222;} .container_2024 .H_PointCard._myCard .tab_com._HPtab ul li.on a {font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; color: #222; border: none; background: none;} .container_2024 .H_PointCard._myCard .H_PointNum {line-height: 37px;} .container_2024 .H_PointCard._myCard .H_PointNum span {font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 18px; color: #222; margin-left: 20px;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn.f_right {float: right;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn a {position: relative; display: inline-block; height: 40px; background: #ddd; font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 14px; color: #999; letter-spacing: -1px; padding: 0 40px 0 20px; margin-left: 3px;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn a.on {background: #222; color: #fff;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn a.add::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_arrow_gary.png) no-repeat left top;width:6px;height:9px;position:absolute;top:14px;right:22px;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn a.add.on::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_arrow_white.png) no-repeat left top;width:6px;height:9px;position:absolute;top:14px;right:22px;} .container_2024 .H_PointCard._myCard .H_PointNum .H_PointBtn a.more.on::after {clear:both; content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_hpoint_plus.png) no-repeat left top;width:10px;height:11px;position:absolute;top:13px;right:19px;} .container_2024 .H_PointCard._myCard .card {float: left;} .container_2024 .H_PointCard._myCard .card {position: relative; width: 226px; height: 144px; border-radius: 12px; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"} .container_2024 .H_PointCard._myCard .card::before {position: absolute; top: 50%; left: 15px; margin-top: -5px; clear: both; content:""; display: block; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/hpoint_card_arrow.png) no-repeat left top; width:7px;height: 10px;} .container_2024 .H_PointCard._myCard .card .img_logo {position: absolute; top: 15px; right: 15px;} .container_2024 .H_PointCard._myCard .card .img_deco {position: absolute; top: 50%; left: 30px; margin-top: -14px;} .container_2024 .H_PointCard._myCard .card .img_deco img {width: 30px;} .container_2024 .H_PointCard._myCard .cardList {margin-top: 50px;} .container_2024 .H_PointCard._myCard .cardList li {position: relative; margin-left: 10px; margin-bottom: 30px;} .container_2024 .H_PointCard._myCard .cardList li::after {clear: both; content:""; display: block;} .container_2024 .H_PointCard._myCard .cardList .img_del {position: absolute; top: 23px; right: 20px; text-align: center;} .container_2024 .H_PointCard._myCard .cardList .img_del span {display: block; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 14px; color: #666;} .container_2024 .H_PointCard._myCard .cardInfo {float: left; margin-left: 50px; text-align: left; margin-top: 0;} .container_2024 .H_PointCard._myCard .cardInfo .name {font-family:'notokr-bold', "Malgun Gothic", "맑은 고딕"; font-size: 18px; color: #444; margin: 25px 0 0; display: block;} .container_2024 .H_PointCard._myCard .cardInfo .num {font-family:"notokr-demilight"; font-size: 18px; color: #444; margin: 10px 0 0; display: block;} .container_2024 .H_PointCard._myCard .cardInfo .type {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 16px; color: #666; margin: 25px 0 0; display: block;} .container_2024 .H_PointCard._myCard .card.card_bt::before {display: none;} .container_2024 .H_PointCard._myCard .card.card_bt .img_logo {top:25px; right: 20px;} .container_2024 .H_PointCard._myCard .card.card_bt .txt_bank_name {font-size: 14px; color: #fff; text-shadow: 2px 2px 1px rgba(0, 0, 255, .2); padding: 25px 0 0 20px;} .container_2024 .H_PointCard._myCard .card.card_bt .txt_num {position: absolute; left: 20px; bottom: 20px; font-size: 14px; color: #fff; text-shadow: 2px 2px 1px rgba(0, 0, 255, .2);} .container_2024 .H_PointCard._myCard .card.card_new {float: inherit; width: 220px; height: 142px; font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; margin: 70px auto;} .container_2024 .H_PointCard._myCard .card.card_new::before {display: none;} .container_2024 .H_PointCard._myCard .card.card_new a {display: block; width: 100%; height: 100%; text-align: center;} .container_2024 .H_PointCard._myCard .card.card_new a img {margin: 40px auto 0; width: 40px;} .container_2024 .H_PointCard._myCard .card.card_new a .txt {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 14px; color: #666; letter-spacing: -1px;} .container_2024 .H_PointCard._myCard .card.card_new .infoTxt {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 16px; color: #0a9882; letter-spacing: -1px; text-align: center; line-height: 142px;} .container_2024 .club_ezwel_view{position: relative;} .container_2024 .club_ezwel_view .HPointBox{width:906px;} .container_2024 .club_ezwel_view .HPointBox::before{left: 281px;} .container_2024 .club_ezwel_view .HPointBox::after {position: absolute; top: 50%; right: 322px; margin-top: -80px; clear: both; content:""; display: block; background: #ddd; width: 1px; height: 160px;} .container_2024 .club_ezwel_view .c_ezwel_img_logo{top: 80px;left: 56px;} .container_2024 .club_ezwel_view .c_ezwel_img_logo img{width: 177px;height: 81px;} .container_2024 .club_ezwel_view .HPoint_point{float: left;margin: 0 48px 0 320px;} .container_2024 .club_ezwel_view .HPoint_point .myPoint{margin: 80px 0 0 0;width: 223px;} .container_2024 .club_ezwel_view .c_ezwel_more_box{float: left;width: 308px;text-align: center;padding-top: 56px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_tit{font-size:20px;font-family:"notokr-medium";color:#222;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box{font-size: 0;margin-top: 15px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box .more_btn{display: inline-block;font-size:15px;font-family:"notokr-regular";color:#222;width: 110px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box .more_btn01{border: 2px solid #222;color:#222;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box .more_btn02{border: 2px solid #0a9882;color:#0a9882;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_subtit{margin-top: 20px;font-size:14px;font-family:"notokr-regular";color:#666;line-height: 20px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box02 .more_btn01{display: block;font-size:26px;font-family:"notokr-medium";color:#666;line-height: 32px;margin-top: 15px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box02 .more_btn01 span{color:#0a9882;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box02 .more_btn01 span.btn_under{color:#666;text-decoration: underline;}/* 240418추가 */ .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box02 .more_btn02{display: inline-block;font-size:14px;font-family:"notokr-regular";color:#999;position: relative;margin-top: 20px;} .container_2024 .club_ezwel_view .c_ezwel_more_box .more_box02 .more_btn02::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #999;} .container_2024 .club_ezwel_view .HPoint_login{float: left;margin: 68px 48px 0 320px;} .container_2024 .club_ezwel_view .HPoint_login .connect{margin: 0 11px;width: 201px;height: 80px;} .container_2024 .club_ezwel_view .HPoint_login .connect span{padding-left: 70px;font-size: 14px;border-radius: 40px;} .container_2024 .club_ezwel_view .HPoint_login .connect span::before {position: absolute;top: 25px; left: 20px; clear: both; display: block; content:""; width: 40px; height: 30px; background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/hpoint/ico_hpoint.png) no-repeat 100%/cover;} /* 가족회원관리 */ .container_2024 .fmBox {margin:50px 0 30px;width:906px; height:320px;} .container_2024 .fmBox1 {background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/fm_top_img1.jpg) no-repeat center top;} .container_2024 .fmBox2 {background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/fm_top_img2.jpg) no-repeat center top;} .container_2024 .fmBox3 {background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/fm_top_img3.jpg) no-repeat center top;} .container_2024 .fmBox4 {background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/fm_top_img4.jpg) no-repeat center top;margin:30px 0 0;height:345px;} .container_2024 .fmTit {font-family:'notokr-bold';font-size:32px;color:#333;line-height:40px;padding-left:30px;margin-bottom:30px;} .container_2024 .fmTxt {font-family:'notokr-regular';font-size:16px;color:#8d8d8d;line-height:30px;padding-left:30px;} .container_2024 .fmBox4 .fmTit {padding-top:20px;} .container_2024 .fmBox .btn_area.fm_area ul li {margin:0 30px;} .container_2024 .btn_area.fm_area ul li {width:220px;} .container_2024 .fmTable2 select {width:90px;} .container_2024 .fmTable2 .pd_btn_big {width:auto;padding:0 17px;} .container_2024 .fmSubBox1 {background:#f7f7f7;width:906px;height:195px;border-radius:20px;display:flex;} .container_2024 .fmSubBox1>span {width:580px;text-align:center;} .container_2024 .fmSubBox1 p.tit {font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size: 26px; color: #333;line-height:32px;margin-top:50px;} .container_2024 .fmSubBox1 p.txt {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 16px; color: #333;margin-top:15px;} .container_2024 .fmSubBox1 p em.user {color: #333;} .container_2024 .fmSubBox1>ul {width:326px;text-align:center;} .container_2024 .fmSubBox1>ul li {display:inline-block;margin:25px 15px 0;} .container_2024 .fmSubBox1>ul li p {font-family:'notokr-regular', "Malgun Gothic", "맑은 고딕"; font-size: 18px; color: #333;margin-top:15px;} .container_2024 .fmBenfit .pd_btn_big {width:195px;} .container_2024 .fmBenfit1 {position:relative;} .container_2024 .fmBenfit1 .pd_btn_big {position:absolute;top:440px;left:0;right:0;margin:0 auto;} .container_2024 .fmBenfit1 ul {margin:0 auto;text-align:center;} .container_2024 .fmBenfit1 ul li {display:inline-block;margin:0 10px 65px;} .container_2024 .fmBenfit1 p span {font-family:'notokr-medium';font-size:16px;color:#333;width:240px;height:50px;text-align:center;line-height:50px;border:1px solid #d0d0d0;border-radius:25px;display:inline-block;} .container_2024 .fmBenfit1 p span::after {clear:both;content:"";display:block;background:url(//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/my_page/ico_arrow3.png) no-repeat center top;float:right;width:8px;height:15px;margin:18px 18px 18px 0;} .container_2024 .fmBenfit2 {position:relative;} .container_2024 .fmBenfit2 ul {position:absolute;top:490px;left:0;right:0;margin:0 auto;text-align:center;} .container_2024 .fmBenfit2 ul li {display:inline-block;margin:0 45px;} .container_2024 .fmBenfit3 {margin-bottom:70px;} .container_2024 .fmBenfit3 p {margin-bottom:20px;margin-left:50px;} .container_2024 .fmBenfit3 p {font-family:'notokr-regular';font-size:16px;color:#333;} .container_2024 .fmBenfit3 p span {font-family:'notokr-medium';font-size:16px;color:#333;width:240px;height:50px;text-align:center;line-height:50px;border:1px solid #d0d0d0;border-radius:25px;background:#f5f5f5;display:inline-block;margin-right:15px;} /* 교환/반품 신청 */ #container_wrapper .returnExchange {float:left;width:906px;} #container_wrapper .returnExchange .myPoint {background:#fff;border:1px solid #bec2c7;border-radius:3px;margin-bottom:30px;} #container_wrapper .returnExchange .myPoint ul {display:flex;} #container_wrapper .returnExchange .myPoint ul:after {clear:both;content:"";display:block;} #container_wrapper .returnExchange .myPoint>ul>li {position:relative;float:left;width:100%;text-align:center;box-sizing:border-box;padding:36px 16px;} #container_wrapper .returnExchange .myPoint>ul>li:first-child:before {display:none;} #container_wrapper .returnExchange .myPoint>ul>li:before {clear:both;content:"";display:block;background:#efefef;width:1px;height:128px;position:absolute;top:50%;left:-1px;margin-top:-64px;} #container_wrapper .returnExchange .myPoint ul li ul li {position:relative;float:left;width:100%;text-align:center;box-sizing:border-box;padding:36px 0 0;} #container_wrapper .returnExchange .myPoint ul li span {font-family:'notokr-medium', "Malgun Gothic", "맑은 고딕"; font-size:16px;color:#0b0d0f;height:35px;display:block;} #container_wrapper .returnExchange .myPoint ul li span em {font-family:'notokr-medium';font-size:18px;color:#6c6c6c;line-height:35px;padding-left:8px;vertical-align:top;letter-spacing:-1px;} #container_wrapper .returnExchange .myPoint ul li>p {font-family:'Roboto';font-size:32px;color:#333;font-weight:bold;letter-spacing:-1px;} #container_wrapper .returnExchange .myPoint ul li ul li p {font-family:'Roboto';font-size:26px;color:#089a85;font-weight:bold;letter-spacing:-1px;} .container_2024 table .OrderReturn_label span {width:100px;display:inline-block;padding-left:15px;line-height:40px;} .container_2024 table .OrderReturn_label input {width:calc(100% - 139px);} .container_2024 table .OrderReturn_label select {width:590px !important;} /* faq 상담센터 */ #faqBox{width: 100%;padding: 60px 0;background-color: #f5f5f5;position: relative;} /* #faqBox.faq_box_sub::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);margin-left: 550px;width: 246px;height: 173px;background: url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/faq/faq_person_icon.png") no-repeat 100%/cover;} */ #faqBox .faq_top_tit{font-family:'notokr-bold';font-size:48px;color:#222;text-align: center;} #faqBox .faq_top_subtit{font-family:'notokr-regular';font-size:22px;color:#a6a6a6;text-align: center;margin-top: 20px;} #faqSearch .faq_search{margin: -30px auto 0;width: 800px;height: 60px;box-sizing: border-box;position: relative;} #faqSearch .faq_search input{outline: none;width: 100%;height: 100%;line-height: 60px;padding: 0 55px 0 30px;box-sizing: border-box;border-radius: 30px;border: 1px solid #ddd;font-family:'notokr-regular';font-size:18px;color:#a6a6a6;} #faqSearch .faq_search input:hover{border-color: #009782;} #faqSearch .faq_search.on input{box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 30px 30px 0 0;} #faqSearch .faq_search.on input:hover{border-color: #ccc;} #faqSearch .faq_search input:focus{color: #505050;} #faqSearch .faq_search input::placeholder{color: #ddd;}/* 241030 */ #faqSearch .faq_search .search_icon{display: block;width: 20px;height: 20px;position: absolute;top: 20px;right: 30px;} #faqSearch .faq_search .search_icon img{display: block;width: 100%;} #faqSearch .faq_search .search_list{position: absolute;top: 60px;left: 0;z-index: 1;width: 800px;display: none;} #faqSearch .faq_search.on .search_list{display: block;box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 0 0 30px 30px;} #faqSearch .faq_search .search_list ul{padding: 30px;background-color: #fff;border-left: 1px solid #ccc;border-right: 1px solid #ccc;} #faqSearch .faq_search .search_list li{font-family:'notokr-regular';font-size:18px;color:#505050;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #faqSearch .faq_search .search_list li:first-child{margin-top: 0;} #faqSearch .faq_search .search_list li span{color: #009782;font-family:'notokr-medium';} #faqSearch .faq_search .search_list .search_list_close{text-align: right;border: 1px solid #ccc;border-radius: 0 0 30px 30px;background-color: #fff;padding: 20px 30px;} #faqSearch .faq_search .search_list .search_list_close a{font-family:'notokr-regular';font-size:18px;color:#a6a6a6;display: inline-block;position: relative;padding-left: 20px;} #faqSearch .faq_search .search_list .search_list_close a::before{content: "";position: absolute;top: 0;left: 9px;width: 1px;height: 100%;background-color: #a6a6a6;transform: rotate(45deg);} #faqSearch .faq_search .search_list .search_list_close a::after{content: "";position: absolute;top: 0;left: 9px;width: 1px;height: 100%;background-color: #a6a6a6;transform: rotate(-45deg);} #faqSearch .search_tab{height: 41px;margin-top: 20px;display: flex;align-items: center;justify-content: center;} #faqSearch .search_tab strong{font-family:'notokr-bold';font-size:18px;color:#222;} #faqSearch .search_tab ul{font-size: 0;} #faqSearch .search_tab ul li{display: inline-block;margin-left: 5px;} #faqSearch .search_tab ul li:first-child{margin-left: 30px;} #faqSearch .search_tab ul li a{font-family:'notokr-regular';font-size:14px;color:#505050;display: block;padding: 0 20px;height: 41px;line-height: 41px;border-radius: 20px;border: 1px solid #ddd;background-color: #fff;box-sizing: border-box;} #faqSearch .search_tab ul li:hover a{border-color: #009782;color: #009782;font-family:'notokr-bold';} .container_2024 .faq_content{padding: 0 10px;margin-top: 60px;} .container_2024 .faq_content .page_list.page_list_rn a{color: #a6a6a6;} .container_2024 .faq_content .page_list.page_list_rn a.page_on{color: #333;background-color: #f5f5f5;} .container_2024 .faq_link_box ul{display: flex;justify-content: center;} .container_2024 .faq_link_box li{margin-left: 35px;text-align: center;} .container_2024 .faq_link_box li:first-child{margin-left: 0;} .container_2024 .faq_link_box li img{display: inline-block;height: 77px;margin-top: 55px;} .container_2024 .faq_link_box li a{display: block;width: 272px;height: 300px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px;} .container_2024 .faq_link_box li:hover a{border-color: #009782;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);transform: translateY(-10px);transition: all 0.3s;} .container_2024 .faq_link_box li a .link_t01{font-family:'notokr-bold';font-size:24px;color:#222;margin-top: 35px;} .container_2024 .faq_link_box li:hover a .link_t01{color:#009782;} .container_2024 .faq_link_box li a .link_t02{font-family:'notokr-regular';font-size:16px;color:#a6a6a6;margin-top: 7px;} .container_2024 .faq_link_box li a span{font-size: 0;text-indent: -9999px;display: inline-block;margin-top: 30px;width: 11px;height: 11px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(45deg);} .container_2024 .faq_link_box li:hover a span{border-bottom: 1px solid #009782;border-right: 1px solid #009782;} .container_2024 .faq_tel_box{padding: 50px 70px;border-radius: 5px;background-color: #f5f5f5;margin-top: 70px;position: relative;} .container_2024 .faq_tel_box .tel_t01{font-family:'notokr-bold';font-size:24px;color:#222;} .container_2024 .faq_tel_box .tel_t02{font-family:'notokr-bold';font-size:32px;color:#009782;margin-top: 10px;} .container_2024 .faq_tel_box .tel_t03{font-family:'notokr-regular';font-size:16px;color:#a6a6a6;margin-top: 30px;} .container_2024 .faq_tel_box .tel_person{width: 346px;height: 243px;position: absolute;bottom: 0;right: 70px;} .container_2024 .faq_tel_box .tel_person::before{content: "";position: absolute;top: 100px;left: 100px;width: 58px;height: 49px;opacity: 0;background: url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/faq/faq_chat01_icon.png")no-repeat 100%/cover;animation: chatAni01 3s infinite ease-in-out;} .container_2024 .faq_tel_box .tel_person::after{content: "";position: absolute;top: 120px;right: 0;width: 58px;height: 49px;opacity: 0;background: url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/faq/faq_chat02_icon.png")no-repeat 100%/cover;animation: chatAni02 3s infinite 0.4s ease-in-out;} .container_2024 .faq_tel_box .tel_person .person_eyes{font-size: 0;text-indent: -9999px;width: 7px;height: 9px;position: absolute;top: 78px;} .container_2024 .faq_tel_box .tel_person .person_eyes01{left: 205px;} .container_2024 .faq_tel_box .tel_person .person_eyes02{left: 238px;} .container_2024 .faq_tel_box .tel_person .person_eyes01::before, .container_2024 .faq_tel_box .tel_person .person_eyes02::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-color: #342a28;border-radius: 50%;animation: eyesAni 2s infinite ease-in-out;} @keyframes chatAni01 { 0%{transform: scale(1);opacity: 0;top: 100px;} 50%{transform: scale(1.4);opacity: 1;top: 50px;} 100%{transform: scale(1);opacity: 0;top: 20px;} } @keyframes chatAni02 { 0%{transform: scale(1);opacity: 0;top: 150px;} 50%{transform: scale(1.1);opacity: 1;top: 100px;} 100%{transform: scale(1);opacity: 0;top: 50px;} } @keyframes eyesAni { 0%{height: 9px;} 50%{height: 9px;} 55%{height: 3px;} 60%{height: 9px;} 65%{height: 3px;} 70%{height: 9px;} 100%{height: 9px;} } .container_2024 .search_desc{padding: 100px 70px;} .container_2024 .search_desc li{display: flex;align-items: center;margin-top: 50px;} .container_2024 .search_desc li:first-child{margin-top: 0;} .container_2024 .search_desc li .desc_txt{margin-left: 20px;} .container_2024 .search_desc li .desc_txt .desc_t01{font-family:'notokr-medium';font-size:24px;color:#505050;} .container_2024 .search_desc li .desc_txt .desc_t02{font-family:'notokr-regular';font-size:18px;color:#a6a6a6;margin-top: 10px;} .container_2024 .faq_sub_tab01 ul{display: flex;flex-wrap: wrap;} .container_2024 .faq_sub_tab01 ul li{width: 33.33%;} .container_2024 .faq_sub_tab01 ul li a{display: block;height: 55px;line-height: 55px;text-align: center;font-family:'notokr-regular';font-size:16px;color:#505050;background-color: #fff;box-sizing: border-box;border: 1px solid #ddd;} .container_2024 .faq_sub_tab01 ul li.on a{font-family:'notokr-bold';font-size:16px;color:#fff;background-color: #505050;} .container_2024 .faq_tab_cont{display: none;} .container_2024 .faq_tab_cont.on{display: block;} .container_2024 .faq_list_top{font-family:'notokr-medium';font-size:24px;color:#222;margin-top: 50px;padding-bottom: 14px;border-bottom: 2px solid #333;position: relative;} .container_2024 .faq_list_top span{display: inline-block;vertical-align: bottom;max-width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .container_2024 .faq_list_top .top_bold{font-family:'notokr-bold';} .container_2024 .faq_list_top .top_point_c{color: #009782;} .container_2024 .faq_list_top .search_reset{position: absolute;bottom: 5px;right: 0;display: inline-block;font-family:'notokr-regular';font-size:14px;color:#505050;background-color: #fff;text-align: center;width: 140px;height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #ddd;} .container_2024 .faq_table{width: 100%;} .container_2024 .faq_table td{font-family:'notokr-regular';font-size:16px;color:#666;border-bottom: 1px solid #ddd;line-height: 20px;} .container_2024 .faq_table .faq_q{cursor: pointer;} .container_2024 .faq_table .faq_q.on td.faq_q02, .container_2024 .faq_table .faq_q.on td.faq_q03{font-family:'notokr-bold';color: #222;} .container_2024 .faq_table .faq_q td.faq_q01{padding: 33px 10px 33px 50px;} .container_2024 .faq_table .faq_q td.faq_q02{padding: 33px 10px;} .container_2024 .faq_table .faq_q td.faq_q03{padding: 33px 10px;word-break: break-all;} .container_2024 .faq_table .faq_q td.faq_q04{padding: 33px 50px 33px 0;} .container_2024 .faq_table .faq_q td.faq_q04 .faq_arrow{font-size: 0;text-indent: -9999px;display: block;position: relative;} .container_2024 .faq_table .faq_q td.faq_q04 .faq_arrow::before{content: "";transition: all 0.3s;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 12px;height: 8px;background: url("//contents-prd.ezwelfare.net/ezwel-image/welfare_new/images/faq/faq_arrow_icon.png")no-repeat 100%/cover;} .container_2024 .faq_table .faq_q.on td.faq_q04 .faq_arrow::before{transform: rotate(-180deg);} .container_2024 .faq_table .faq_a{display: none;} .container_2024 .faq_table .faq_a td{padding: 50px;background-color: #f5f5f5;} .container_2024 .faq_table .faq_a td .faq_a_top span{font-family:'notokr-regular';font-size:16px;color:#a6a6a6;} .container_2024 .faq_table .faq_a td .faq_a_editor{padding: 37px 0;} /* 241008 faq editor */ .container_2024 .faq_table .faq_a td .faq_a_editor table td{padding: 0px;background-color: #fff;} .container_2024 .faq_table .faq_a td .faq_a_editor{word-break: break-all;} /* .container_2024 .faq_table .faq_a td .faq_a_editor table td{padding: 10px !important;background-color: #fff !important;border: 1px solid #333 !important;} */ /* .container_2024 .faq_table .faq_a td .faq_a_editor img{display: block !important;max-width: 100% !important;} */ /* //241008 faq editor */ .container_2024 .faq_table .faq_a td .faq_a_bottom a{display: inline-block;font-family:'notokr-medium';font-size:14px;color:#666;background-color: #fff;text-align: center;padding: 10px 20px 10px 10px;border-radius: 5px;border: 1px solid #c8c8c8;position: relative;} .container_2024 .faq_table .faq_a td .faq_a_bottom a::after{content: '';position: absolute;top: 50%;right: 10px;display: inline-block;width: 7px;height: 7px;border: 1px solid #333;border-width: 1px 1px 0 0;transform: translateY(-50%) rotate(45deg);} .container_2024 .faq_sub_tab02{margin-top: 25px;display: flex;} .container_2024 .faq_sub_tab02 ul{font-size: 0;} .container_2024 .faq_sub_tab02 ul li{display: inline-block;margin: 5px 0 0 5px;} .container_2024 .faq_sub_tab02 ul li:first-child{margin: 5px 0 0 0;} .container_2024 .faq_sub_tab02 ul li a{font-family:'notokr-regular';font-size:14px;color:#505050;display: block;padding: 0 20px;height: 41px;line-height: 41px;border-radius: 20px;border: 1px solid #ddd;background-color: #fff;box-sizing: border-box;} .container_2024 .faq_sub_tab02 ul li.on a{border-color: #009782;color: #fff;font-family:'notokr-bold';background-color: #009782;} .container_2024 .faq_empty_txt{text-align: center;margin-top: 80px;} .container_2024 .faq_empty_txt em{font-family:'notokr-bold';font-size:18px;color:#505050;display: block;} .container_2024 .faq_empty_txt ul li{font-family:'notokr-regular';font-size:16px;color:#a6a6a6;margin-top: 5px;} .container_2024 .faq_empty_txt ul li:first-child{margin-top: 30px;} .container_2024 .sub_tel_box{display: flex;justify-content: space-between;margin-top: 80px;} .container_2024 .sub_tel_box .sub_tel{width: 433px;height: 200px;border-radius: 5px;background-color: #f5f5f5;text-align: center;padding-top: 52px;box-sizing: border-box;} .container_2024 .sub_tel_box .sub_tel .sub_tel_t01{font-family:'notokr-regular';font-size:16px;color:#505050;line-height: 24px;} .container_2024 .sub_tel_box .sub_tel .sub_tel_t02{font-family:'notokr-bold';font-size:18px;color:#222;} .container_2024 .sub_tel_box .sub_tel .sub_tel_t03{font-family:'notokr-bold';font-size:32px;color:#009782;margin-top: 9px;} .container_2024 .sub_tel_box .sub_tel .sub_tel_t04{font-family:'notokr-regular';font-size:16px;color:#a6a6a6;margin-top: 30px;} .container_2024 .sub_tel_box .sub_tel .sub_tel_link{display: inline-block;font-family:'notokr-medium';font-size:14px;color:#009782;background-color: #fff;text-align: center;width: 140px;height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #009782;margin-top: 17px;} /* popup */ .container_2024 .popup {padding:0;} .container_2024 .popup .popup_header {background:none !important;border-bottom:1px solid #e5e5e5;line-height:70px;text-align:center;padding:0;} .container_2024 .popup .popup_header .popup_header_left, .container_2024 .popup .popup_header .popup_header_right {display:none !important;} .container_2024 .popup .popup_header h1 {font-family:'notokr-bold';font-size:20px;color:#222;padding:0;} .container_2024 .popup .popup_header .btn_close {background:none !important;position:absolute;top:25px;right:30px;width:25px;height:25px;font-size:0;text-indent:-9999px;} .container_2024 .popup .popup_header .btn_close::before{position:absolute;top:0;right:12px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(45deg)} .container_2024 .popup .popup_header .btn_close::after{position:absolute;top:0;left:11px;clear:both;content:"";display:block;width:2px;height:26px;background:#595b62;transform:rotate(-45deg)} .container_2024 .popup .popup_content {font-family:'notokr-regular';font-size:14px;color:#2b2e38;line-height:24px;border-bottom:none;padding:0 25px 0 30px;margin-right:0;} .container_2024 .popup .popup_content .pop_list li {background:none !important;padding:0;} .container_2024 .popup .popup_content strong {font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin-top:20px;display:inline-block;} .container_2024 .popup .popup_content .pop_tit_ico {background:none !important;font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin:20px 0 0;display:inline-block;padding:0;line-height:inherit;} .container_2024 .popup .popup_content table tr th {height:auto;} .container_2024 .popup .popup_content table tr th label {font-size:14px;color:#010101;margin:0;} .container_2024 .popup .popup_content table tr th em {font-style:normal;color:#ff0000;} .container_2024 .popup .popup_content table tr td em, .container_2024 .popup .popup_content table tr td a em {color:#0a9882;} .container_2024 .popup .popup_content table tr th strong, .container_2024 .popup .popup_content table tr td strong {margin:0;} .container_2024 .popup .popup_content table input[type="text"] {width:auto;} .container_2024 .popup .popup_content .mypoint_img img {max-width:700px;width:100%;} .container_2024 .popup .popup_content input[type="text"] {border:1px solid #bec2c7;height:36px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .popup .popup_content input[type="text"]:active, .container_2024 .popup .popup_content input[type="text"]:focus, .container_2024 .popup .popup_content input[type="text"]:hover {outline:0;border:1px solid #bec2c7;} .container_2024 .popup .popup_content select {font-size:14px;} .container_2024 .popup .popup_content .opt_list .select {margin-bottom:5px;} .container_2024 .popup .popup_content .opt_list select {width:100%;} .container_2024 .popup .popup_content .opt_cnt .tbl-area {display:flex;} .container_2024 .popup .popup_content .opt_cnt input[type="text"] {width:100%;} .container_2024 .popup .popup_content .num_chk {display:flex;} .container_2024 .popup .popup_content .num_chk li {display:inline-block;width:100%;height:38px;border:1px solid #575b63;background:#fff;font-family:'notokr-regular';font-size:16px;color:#575b63;line-height:38px;text-align:center;margin:0 2px;border-radius:3px;cursor:pointer;} .container_2024 .popup .popup_content .num_chk li.on {background:#575b63;color:#fff;} .container_2024 .popup .popup_content .ty12 .tel {width:62px;} .container_2024 .popup .popup_content .ty12 .email1 {width:192px;} .container_2024 .popup .popup_content .ty12 .email2 {width:242px;} .container_2024 .popup .popup_content .ty12 .addr1 {width:142px;} .container_2024 .popup .popup_content .ty12 .addr2 {float:left;width:377px;clear:both;} .container_2024 .popup .popup_content .ty12 .post {width:338px;} .container_2024 .popup .popup_content .ty12 textarea {padding:10px;margin:10px 0;width:100%;height:90px;box-sizing:border-box;resize:none;border:1px solid #bec2c7;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .popup .popup_content table.ty13 input {width:calc(100% - 12px);} .container_2024 .popup .popup_content table.ty13 select {width:100%;} .container_2024 .popup .popup_content .page_list a.page_on {background:#0a9882;border: 1px solid #0a4f44;} /* popup : 가족 회원 서비스 > /welfare/eznew/service/css_js/common.css 에 적용 */ .container_2024 .popup.family_popup_content {padding:0;} .container_2024 .popup.family_popup_content .popup_header {position:relative;height:70px;background:#0a9882 !important;border-bottom:1px solid #e5e5e5;line-height:70px;padding:0;margin:0 10px;text-align:left;border-radius:0 0 10px 10px;} .container_2024 .popup.family_popup_content .popup_header .popup_header_left, .container_2024 .popup.family_popup_content .popup_header .popup_header_right {display:none !important;} .container_2024 .popup.family_popup_content .popup_header h1 {font-family:'notokr-medium';font-size:23px;color:#fff;padding:0 0 0 30px;} .container_2024 .popup.family_popup_content .popup_header .btn_close {cursor:pointer;background:none !important;position:absolute;top:25px;right:30px;width:25px;height:25px;font-size:0;text-indent:-9999px;border:none;} .container_2024 .popup.family_popup_content .popup_header .btn_close::before{position:absolute;top:0;right:12px;clear:both;content:"";display:block;width:2px;height:26px;background:#fff;transform:rotate(45deg)} .container_2024 .popup.family_popup_content .popup_header .btn_close::after{position:absolute;top:0;left:11px;clear:both;content:"";display:block;width:2px;height:26px;background:#fff;transform:rotate(-45deg)} .container_2024 .popup.family_popup_content .popup_content {font-family:'notokr-regular';font-size:14px;color:#2b2e38;line-height:24px;border-bottom:none;padding:0 25px 0 30px;margin-right:0;} .container_2024 .popup.family_popup_content .popup_content .pop_list li {background:none !important;padding:0;} .container_2024 .popup.family_popup_content .popup_content strong {font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin-top:20px;display:inline-block;} .container_2024 .popup.family_popup_content .popup_content .pop_tit_ico {background:none !important;font-family:'notokr-bold';font-size:16px;color:#2b2e38;margin:20px 0 0;display:inline-block;padding:0;line-height:inherit;} .container_2024 .popup.family_popup_content .popup_content table tr th label {font-size:14px;color:#010101;margin:0;} .container_2024 .popup.family_popup_content .popup_content table tr th em {font-style:normal;color:#ff0000;} .container_2024 .popup.family_popup_content .popup_content table tr td a em {color:#0a9882;} .container_2024 .popup.family_popup_content .popup_content table input[type="text"] {width:auto;} .container_2024 .popup.family_popup_content .pop_family_wrap {text-align:center;border-bottom:1px solid #ddd;padding-bottom:30px;width:100%;} .container_2024 .popup.family_popup_content .pop_family_wrap .family_txt {font-family:'notokr-medium';font-size:22px;color:#333;margin-bottom:25px;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input {margin:0 70px;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input span {float:inherit;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input span input[type="text"] {background:#fff;border:1px solid #bec2c7;height:36px;outline:none;font-family:'notokr-regular';font-size:16px;color:#2b2e38;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input span input[type="text"]:active, .container_2024 .popup.family_popup_content .pop_family_wrap .info_input span input[type="text"]:focus, .container_2024 .popup.family_popup_content .pop_family_wrap .info_input span input[type="text"]:hover {outline:0;border:1px solid #bec2c7;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input ul li {margin-top:10px;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input ul li:first-child {margin-top:0;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input .in_tit {float:left;text-align:left;width:60px;word-break:keep-all;margin-top:8px;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input .in_tit strong {margin:0;display:block;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input .message {background:#fff;border:1px solid #bec2c7;box-sizing:border-box;padding:25px;width:346px;height:auto;display:inline-block;text-align:left;border-radius:3px;} .container_2024 .popup.family_popup_content .pop_family_wrap .info_input .message strong {margin:0;display:inline-block;} .container_2024 .popup.family_popup_content .btn_area {margin:30px auto 0;text-align:center;} .container_2024 .popup.family_popup_content .btn_area ul li {display:inline-block;width:142px;height:40px;margin:0 10px;} .container_2024 .popup.family_popup_content .btn_area a {display:block;width:100%;height:100%;font-family:'notokr-medium';font-size:16px;color:#fff;line-height:38px;margin:0;border-radius:3px;background:#0a9882;} .container_2024 .popup.family_popup_content .btn_area a.bg_gray {background:#575b63;} .container_2024 .popup.family_popup_content .btn_area a.bg_blk {background:#333;} /* 버튼 스타일 추가 */ .container_2024 .popup .popup_content .btn_area .withus_btn2019{width:auto;cursor:pointer;letter-spacing:-0.5px;display:inline-block;height:38px;font-size:14px;font-weight:normal;color:#fff;vertical-align:middle;text-align:center;padding:0 30px;line-height:36px;font-family:'notokr-medium';border-radius:5px;} .container_2024 .popup .popup_content .btn_area .withus_btn2019.bblue {border:1px solid #0a9882;background:#0a9882;color:#fff;} /* .container_2024 .popup .popup_content .btn_area .withus_btn2019.bblue {border:1px solid #4d61a1;background:#5a73c4;color:#fff;} */ .container_2024 .popup .popup_content .btn_area .withus_btn2019.bgray {border:1px solid #787878;background:#858585;color:#fff;} .container_2024 .popup .popup_content .btn_area .withus_btn2019.bwhite {border:1px solid #ababab;background:#fbfbfb;color:#7e7e7e;} .container_2024 .popup .popup_content .btn_area .withus_btn2019.bblack {border:1px solid #323232;background:#3d3d3d;color:#fff;} .container_2024 .thead_fixed{border-bottom:1px solid #333;} /* 'notokr-regular' 'notokr-medium' 'notokr-light'; 'notokr-demilight' 'notokr-bold' */