/* 메인 */
/* 서브페이지 상단이미지 */
#mainVisualWrap { float: left; overflow: hidden; }
#mainVisualWrap > div { width: 2000px; left: 50%; margin-left: -1000px; }
#mainVisualWrap .visual_img { width: 100%; float: left; }
#mainVisualWrap .visual_img img { width: 2000px; }

.nodatacampain { width: 100% !important; float: left; text-align: center; margin-top: 50px; }

.indexShowMerchant { width: 100%; float: left; margin-top: 55px; }
.indexShowMerchant > div { width: 31.66%; float: left; margin-right: 30px; min-height:490px; }
.indexShowMerchant > div:nth-child(3n) { margin-right: 0; }
.indexShowMerchant > div:nth-child(n+4) { margin-top: 65px; }
.indexShowMerchant > div > div { width: 100%; float: left; }
.indexShowMerchant > div > div > div { width: 100%; float: left; }
.indexShowMerchant > div > div > div > ul { width: 100%; float: left; }
.indexShowMerchant > div > div > div > ul > li { float: left; }
.indexShowMerchant > div > a { width: 100%; float: left; }
.indexShowMerchant > div > a > .sL_img > div > img { width: 100%; height: 250px; object-fit: cover; border-radius: 10px; }
.indexShowMerchant > div > a > .sL_img:hover .hover_bg { display: block; }
.indexShowMerchant > div > a > .sL_img > .hover_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.75); z-index: 1; text-align: center; padding: 102px 0; display: none; }
.indexShowMerchant > div > a > .sL_img > .hover_bg > div { width: 220px; height: 45px; margin: 0 auto; line-height: 45px; border: 1px solid #fff; font-size: 16px; font-weight: 100; letter-spacing: 0; color: #fff; text-align: center; }
.indexShowMerchant > div > .label_img { position: absolute; top: -42px; right: -3px; z-index: 2; width: 95px; }
.indexShowMerchant > div > a > .sL_img { width: 100%; height: 250px; display: inline-block; vertical-align: top; float: none; overflow: hidden; }
.indexShowMerchant > div > .sL_text { padding: 25px 10px 10px 10px; }
.indexShowMerchant > div > .sL_text > .title { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; }
.indexShowMerchant > div > .sL_text > .title > .tt > li { width:100%;float:left; font-size: 20px; font-weight: 500; color: #333; }
.indexShowMerchant > div > .sL_text > .title > .st > li { width:100%;float:left; width:100%; float:left; font-size: 13px; font-weight: 400; color: #333; padding-top: 8px; }
.indexShowMerchant > div > .sL_text > .title > .st > .p_rbox { float: right; margin-top: -2px; }
.indexShowMerchant > div > .sL_text > .title > .st > .p_rbox > span { font-size: 12px; font-weight: 500; color: #006cfc; border-radius: 30px; border: 1px solid #006cfc; padding: 2px 8px; }
.indexShowMerchant > div > .sL_text > .subtxt > .ss { padding-top: 15px; }
.indexShowMerchant > div > .sL_text > .subtxt > .ss > li { width:100%; float:left; font-size: 15px; font-weight: 500; color: #666; }
.indexShowMerchant > div > .sL_text > .subtxt > .sl { margin-top: 20px; }
.indexShowMerchant > div > .sL_text > .subtxt > .sl > li { font-size: 12px; font-weight: 600; color: #363636; width: 115px; height: 20px; line-height: 19px; text-align: center; border: 1px solid #363636; }
.indexShowMerchant > div > .sL_text > .subtxt > .sl > .point { border: 1px solid #0076a3; color: #0076a3; margin-left: 3px; }
.no_offer_c {width:100% !important; float:left; font-size:25px; text-align: center; font-weight:bold; color:#333;}
.indexShowMerchant > div > .sL_text > .subtxt > .sl > .money { width: auto; float: right; border: none; font-size: 20px; font-weight: 700; color: #cc3333; margin-top: -2px; }

/*main visual image*/
#mainVisualFadeWrap { float: left; overflow: hidden; }
#mainVisualFadeWrap > div { width: 2000px; left: 50%; margin-left: -1000px; }
#mainVisualFadeWrap .mainVisual .visual_fimg { height: 650px; overflow: hidden; float: left; text-align: center; }
#mainVisualFadeWrap .mainVisual .visual_fimg img { float: left; }
.visual .visual_boxs { width: 100%; float: left; }
.visual .visual_boxs > .img { width: 100%; float: left; position: relative; height: 626px; background-color: #222; }
.mainVisual .vi_bt { width: 100%; float: left; position: absolute; bottom: 50px; }
.mainVisual .vi_bt > div { width: 1200px; margin: 0 auto; }
.mainVisual .vi_bt > div > div { width:100%; float:left; }
.mainVisual .vi_bt > div > div > ul {  float: left; text-align:center; width:100%; }
.mainVisual .vi_bt > div > div > ul > li { width: 299px; display:inline-block; cursor: pointer; text-align: center; height: 55px; line-height: 55px; /*background-color: rgba(255,255,255,0.5);*/ font-size: 18px; font-weight: 600; color: #333; padding:0 1px; }
.mainVisual .vi_bt > div > div > ul > li:nth-last-child(1) { margin-right: 0; }
.mainVisual .vi_bt > div > div > ul > li > div{ background-color: rgba(255,255,255,0.5); width:100%; }
.mainVisual .vi_bt > div > div > ul > li > .active { background-color: #006cfc; color: #fff; font-weight: 500; }

.sub_Box1 { background-color: #006cfc; padding: 65px 0; }
.sub_Box1 .s1_boxs { float: left; }
.sub_Box1 .s1_boxs > ul { float: left; }
.sub_Box1 .s1_boxs > ul > li { width: 100%; float: left; color: #fff; }
.sub_Box1 .left_title { width: 25%; }
.sub_Box1 .left_title > ul { width: 100%; }
.sub_Box1 .left_title > ul > li { width: 100%; font-size: 20px; font-weight: 500; }
.sub_Box1 .left_title > ul > .ss { font-size: 20px; font-weight: 100; margin-top: 2px; }
.sub_Box1 .right_number { width: 75%; }
.sub_Box1 .right_number > ul { width: 22%; }
.sub_Box1 .right_number > ul > li { width: 100%; font-size: 18px; font-weight: 400; }
.sub_Box1 .right_number > ul > .tn { font-size: 38px; font-weight: 600; margin-top: 5px; }
.sub_Box1 .right_number > .last_money { width: 34%; }

.sub_Box2 { padding: 75px 0; }
.sub_Box2 .s2_boxs { width: 100%; float: left; }
.sub_Box2 .subtitle { padding-bottom: 60px; }
.sub_Box2 .subtitle > p { width: 100%; float: left; font-size: 35px; font-weight: 100; color: #333; }
.sub_Box2 .subtitle > p > span { font-size: 35px; font-weight: 800; color: #006cfc; }
.sub_Box2 .subtitle > .ss { font-size: 20px; font-weight: 100; color: #333; }
.sub_Box2 .imgbox > div { width: 100%; float: left; }
.sub_Box2 .imgbox > div > ul { width: 100%; float: left; }
.sub_Box2 .imgbox > .img > ul > li { width: 380px; float: left; margin: 0 10px; }
.sub_Box2 .imgbox > .img > ul > .active {  }
.sub_Box2 .imgbox > .arrow > ul > li { width: 55px; height: 55px; border-radius: 50%; background-color: #ebebeb; text-align: center; line-height: 60px; z-index: 999; bottom: 160px; cursor: pointer; }
.sub_Box2 .imgbox > .arrow > ul > .left { float: left; left: -20px;}
.sub_Box2 .imgbox > .arrow > ul > .right { float: right; right: -20px; }
.sub_Box2 .imgbox > .arrow > ul > li > i { font-size: 22px; color: #666; }

#mainBannerFadeWrap { float: left; overflow: hidden; }
.sub_Box3 > div { width: 2000px; left: 50%; margin-left: -1000px; }
.sub_Box3 .s3_boxs { width: 100%; float: left; }
.sub_Box3 .s3_boxs .mainADVisual { width: 100%; float: left; }
.sub_Box3 .s3_boxs .mainADVisual > .img { float: left; left: 0; transition: left 0.5s; height: 630px; overflow: hidden; }
.sub_Box3 .s3_boxs .mainADVisual > .img img { float: left; }
.sub_Box3 .s3_boxs .mainADVisual > .circle { width: 100%; float: left; left: 0; text-align: center; z-index: 10; bottom: 90px; }
.sub_Box3 .s3_boxs .mainADVisual > .circle > ul > li { width: 20px;height: 20px; border-radius: 50%; background-color: #fff; margin: 0 2px; display: inline-block; cursor: pointer; }
.sub_Box3 .s3_boxs .mainADVisual > .circle > ul > .active { background-color: #006cfc; }

.sub_Box4 { width: 100%; float: left; padding: 120px 0; }
.listcon01 { border-bottom: 1px solid #ebebeb; }
.listcon01 .subtitle > p { width: 100%; float: left; font-size: 35px; font-weight: 100; color: #333; }
.listcon01 .subtitle > p > span { font-size: 35px; font-weight: 800; color: #006cfc; }
.listcon01 .subtitle > .ss { font-size: 20px; font-weight: 100; color: #333; }
.common_box .s4_boxs { width: 100%; float: left; }
.common_box .s4_boxs > ul { width: 100%; float: left; }
.common_box .s4_boxs > ul > li { float: left; }
.common_box .tap_menu { margin-top: 40px; }
.common_box .tap_menu > ul > li { height:70px; width: 16.66%; font-size: 18px; font-weight: 500; color: #333; text-align: center; padding: 20px 0; cursor: pointer; }
.common_box .tap_menu > ul > .active { font-size: 18px; font-weight: 600; color: #006cfc; border-bottom: 3px solid #006cfc; }
.listcon02 .topmn { padding: 25px 0 15px 0; border-bottom: 1px solid #ebebeb; }
.listcon02 .topmn > ul > li { width: 7%; float: right; font-size: 15px; font-weight: 300; color: #333; text-align: center; line-height: 15px; cursor: pointer; }
.listcon02 .topmn > ul > li.active { color: #222; font-weight: 500; }
.listcon02 .topmn > ul > .line { width: 1px; height: 15px; background-color: #b1b1b1; }
.listcon02 .listimg { padding-top: 50px; }
.listcon02 .listimg > div { width: 31.66%; float: left; min-height: 250px; margin-right: 30px; overflow: hidden; }
.listcon02 .listimg > div:nth-child(n+4) { margin-top: 30px; }
.listcon02 .listimg > div:nth-child(3n) { margin-right: 0; }
.listcon02 .listimg > div > img { width: 100%; float: left; }
.listcon02 .m_bt { margin-top: 80px; text-align: center; }
.listcon02 .m_bt > a { width: 475px; height: 60px; border: 1px solid #e1e1e1; font-size: 16px; font-weight: 300; color: #333; line-height: 60px; display: inline-block; vertical-align: top; }

.sub_Box5 { background-color: #ebebeb; padding: 100px 0 80px 0; }
.sub_Box5 .s5_boxs { width: 100%; float: left; }
.sub_Box5 .s5_boxs > ul { width: 100%; float: left; }
.sub_Box5 .s5_boxs > ul > li { width: 100%; float: left; }
.sub_Box5 .s5_boxs > ul > li > p { float: left; font-size: 35px; font-weight: 800; color: #333; line-height: 35px; }
.sub_Box5 .s5_boxs > ul > li > .point { font-size: 35px; font-weight: 800; color: #006cfc; border-left: 1px solid #006cfc; margin-left: 20px; padding-left: 15px; }
.sub_Box5 .s5_boxs > ul > .ss { font-size: 20px; font-weight: 100; margin-top: 12px; }
.sub_Box5 .lankingbox > div { width: 31.66%; float: left; margin-right: 30px; }
.sub_Box5 .lankingbox > div:nth-last-child(1) { margin-right: 0; }
.sub_Box5 .lankingbox > div > div { width: 100%; float: left; }
.sub_Box5 .lankingbox > div > .lb_title { padding: 10px 0 15px 7px; }
.sub_Box5 .lankingbox > div > .lb_title > p { width: 100%; float: left; font-size: 18px; font-weight: 600; color: #333; }
.sub_Box5 .lankingbox > div > .lb_title > p > span { font-size: 18px; font-weight: 600; color: #006cfc; }
.sub_Box5 .lankingbox > div > .lb_box { background-color: #fff; border-radius: 10px; padding: 12px 15px; height: 460px; }
.sub_Box5 .lankingbox > div > .lb_box > ul { width: 100%; float: left; border-bottom: 1px solid #ebebeb; padding: 10px 10px; }
.sub_Box5 .lankingbox > div > .lb_box > ul:nth-child(10) { border-bottom: none; }
.sub_Box5 .lankingbox > div > .lb_box > ul > li { float: left; font-size: 15px; font-weight: 400; color: #333; text-align: center; }
.sub_Box5 .lankingbox > div > .lb_box > ul > .sn { width: 8%; font-weight: 600; }
.sub_Box5 .lankingbox > div > .lb_box > ul > .sp { width: 66%; text-align: left; padding-left: 15px; }
.sub_Box5 .lankingbox > div > .lb_box > ul > .sp > span { width: 60px; border: 1px solid #006cfc; border-radius: 30px; font-size: 12px; font-weight: 500; color: #006cfc; height: 20px; line-height: 20px; padding: 2px 9px; margin-left: 10px; }
.sub_Box5 .lankingbox > div > .lb_box > ul > .sl { width: 26%; }

.sub_Box6 { padding: 100px 0; }
.sub_Box6 .s6_boxs { float: left; }
.sub_Box6 .notice_box { width: 31.38%; margin-right: 35px; }
.sub_Box6 .notice_box:nth-last-child(1) { margin-right: 0; }
.sub_Box6 .notice_box > div { width: 100%; float: left; }
.sub_Box6 .notice_box > div > ul { width: 100%; float: left; }
.sub_Box6 .notice_box > div > ul > li { float: left; }
.sub_Box6 .notice_box > .nb_title { border-bottom: 1px solid #e6e6e6; padding: 10px 0 10px 3px; }
.sub_Box6 .notice_box > .nb_title > ul > .tt { width: 90%; font-size: 17px; font-weight: 600; color: #333; line-height: 22px; }
.sub_Box6 .notice_box > .nb_title > ul > .bt { width: 10%; font-size: 17px; font-weight: 600; color: #333; text-align: center; }
.sub_Box6 .notice_box > .nb_title > ul > .bt > a { width: 22px; height: 22px; line-height: 20px; float: right; border: 1px solid #e6e6e6; font-size: 13px; font-weight: 300; color: #333; }
.sub_Box6 .notice_box > .nb_list { padding: 15px 3px; }
.sub_Box6 .notice_box > .nb_list > ul { padding: 5px 0; }
.sub_Box6 .notice_box > .nb_list > ul > li { width: 100%; }
.sub_Box6 .notice_box > .nb_list > ul > li > a { width: 100%; float: left; }
.sub_Box6 .notice_box > .nb_list > ul > li > a > p { width: 75%; float: left; font-size: 14px; font-weight: 400; color: #666; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: 0; }
.sub_Box6 .notice_box > .nb_list > ul > li > a > p > span { margin-right:7px; }
.sub_Box6 .notice_box > .nb_list > ul > li > a > .sd { width: 20%; float: right; color: #999; }
.sub_Box6 .notice_box > .nb_tap { border-bottom: 1px solid #e6e6e6; }
.sub_Box6 .notice_box > .nb_tap > ul > .tt { width: 90%; }
.sub_Box6 .notice_box > .nb_tap > ul > .tt > p { width: 20%; float: left; border: 1px solid #e6e6e6; padding: 10px 0; text-align: center; border-bottom: none; border-right: none; cursor: pointer; }
.sub_Box6 .notice_box > .nb_tap > ul > .tt > p.active { border-bottom: none; color: #000; font-weight: 600; box-shadow: 0px 5px 0px 0px rgba(255,255,255,1); }
.sub_Box6 .notice_box > .nb_tap > ul > .tt > p:nth-last-child(1) { border-right: 1px solid #e6e6e6; }
.sub_Box6 .notice_box > .nb_tap > ul > .bt { width: 10%; font-size: 17px; font-weight: 600; color: #333; text-align: center; margin-top: 8px; }
.sub_Box6 .notice_box > .nb_tap > ul > .bt > a { width: 22px; height: 22px; line-height: 20px; float: right; border: 1px solid #e6e6e6; font-size: 13px; font-weight: 300; color: #333; }
.sub_Box6 .notice_box > .info_nb { background-color: #252525; padding: 15px 0; }
.sub_Box6 .notice_box > .info_nb > ul { width: 100%; float: left; }
.sub_Box6 .notice_box > .info_nb > ul > li { width: 100%; float: left; font-size: 26px; font-weight: 500; color: #006cfc; text-align: center; }
.sub_Box6 .notice_box > .info_nb > ul > li > i { font-size: 25px; color: #fff; margin-right: 5px; }
.sub_Box6 .notice_box > .info_ss { background-color: #ebebeb; padding: 20px 35px; }
.sub_Box6 .notice_box > .info_ss > p { width: 100%; float: left; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.sub_Box6 .notice_box > .info_ss > .ss { margin-top: 8px; }


/* 캠페인_리스트 */
.sub_tmanu { margin-bottom: 80px; border-bottom: 1px solid #ebebeb; padding-bottom: 35px; }
.sub_tmanu .st_menu { width: 100%; float: left; }
.sub_tmanu .st_menu > ul { width: 100%; float: left; }
.sub_tmanu .st_menu > ul > li { width: 20%; float: left; font-size: 16px; font-weight: 500; color: #333; text-align: center; border: 1px solid #e1e1e1; border-right: none; }
.sub_tmanu .st_menu > ul > li:nth-child(5n) { border-right: 1px solid #e1e1e1; }
.sub_tmanu .st_menu > ul > li:nth-child(n+6) { border-top: none; }
.sub_tmanu .st_menu > ul > li:nth-last-child(1) { border-right: 1px solid #e1e1e1; }
.sub_tmanu .st_menu > ul > li > a { width: 100%; float:left; padding: 10px 0; }
.sub_tmanu .st_menu > ul > li > span { width: 100%; float:left; padding: 10px 0; }
.sub_tmanu .st_menu > ul > .active { color: #fff; background-color: #006cfc; border: 1px solid #006cfc; }
.sub_list { margin-bottom: 55px; }
.sub_list .ss_Boxs { width: 100%; float: left; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; }
.sub_list .sl_boxs { float: left; }
.sub_list .sl_boxs > ul { width: 100%; float: left; }
.sub_list .sl_boxs > ul > li { float: left; }
.sub_list .sl_title { width: 75%; padding-left: 10px; }
.sub_list .sl_title > ul > li { font-size: 26px; font-weight: 600; color: #006cfc; line-height: 37px; }
.sub_list .sl_title > ul > li > i { font-size: 24px; margin-right: 5px; }
.sub_list .sl_title > ul > .ss { font-size: 16px; font-weight: 100; color: #333; border-left: 1px solid #666; padding-left: 15px; line-height: 15px; margin: 11px 0 0 20px; }
.sub_list .sl_menu { width: 25%; }
.sub_list .sl_menu > ul > li { width: 25%; border-right: 1px solid #333; text-align: center; font-size: 13px; font-weight: 600; color: #333; line-height: 10px; margin-top: 13px; cursor: pointer; }
.sub_list .sl_menu > ul > li:nth-last-child(1) { border-right: none; }
.sub_list .ss_Lists { width: 100%; float: left; margin-top: 55px; }
/* .sub_list .ss_Lists > div { width: 31.66%; float: left; margin-right: 30px; height:488px; } */
.sub_list .ss_Lists > div { width: 31.66%; float: left; margin-right: 30px; height:auto; border: solid 1px #cccccc; padding: 18px 20px 18px 20px; border-radius: 15px; }
.sub_list .ss_Lists > div:nth-child(3n) { margin-right: 0; }
/* .sub_list .ss_Lists > div:nth-child(n+4) { margin-top: 65px; } */
.sub_list .ss_Lists > div:nth-child(n+4) { margin-top: 15px; }
.sub_list .ss_Lists > div > div { width: 100%; float: left; }
.sub_list .ss_Lists > div > div > div { width: 100%; float: left; }
.sub_list .ss_Lists > div > div > div > ul { width: 100%; float: left; }
.sub_list .ss_Lists > div > div > div > ul > li { float: left; }
.sub_list .ss_Lists > div > a { width: 100%; float: left; }
.sub_list .ss_Lists > div > a > .sL_img > div > img { width: 100%; height: 225px; object-fit: contain; border-radius: 10px; }
.sub_list .ss_Lists > div > a > .sL_img:hover .hover_bg { display: block; }
.sub_list .ss_Lists > div > a > .sL_img > .hover_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 10px; background-color: rgba(0,0,0,0.75); z-index: 1; text-align: center; display: none; }
.sub_list .ss_Lists > div > a > .sL_img > .hover_bg.red_bg {background-color: rgba(248, 0, 0, 0.281) !important; display: block;}
.sub_list .ss_Lists > div > a > .sL_img > .hover_bg.red_bg  > div { width: 220px; margin: 0 auto; padding:10px 0px; height:auto; line-height: normal; font-weight: bold !important ; border: 2px solid #fff; font-size: 20px; font-weight: 100; letter-spacing: 0; color: #fff; text-align: center; }
.sub_list .ss_Lists > div > a > .sL_img > .hover_bg > div { top:50%; transform: translateY(-50%); width: 220px; height: 45px; margin: 0 auto; line-height: 45px; border: 1px solid #fff; font-size: 16px; font-weight: 100; letter-spacing: 0; color: #fff; text-align: center; }
.sub_list .ss_Lists > div > .label_img { position: absolute; top: -42px; right: -3px; z-index: 2; width: 95px; }
.sub_list .ss_Lists > div > a > .sL_img { width: 100%; height: 225px; display: inline-block; vertical-align: top; float: none; overflow: hidden; }
/* .sub_list .ss_Lists > div > .sL_text { padding: 25px 10px 10px 10px; } */
.sub_list .ss_Lists > div > .sL_text { padding: 15px 10px 10px 10px; }
.sub_list .ss_Lists > div > .sL_text > .title { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; }
/* .sub_list .ss_Lists > div > .sL_text > .title > .tt > li { width:100%; float:left; font-size: 20px; font-weight: 500; color: #333; min-height:56px; } */
.sub_list .ss_Lists > div > .sL_text > .title > .tt > li { width:100%; float:left; font-size: 20px; font-weight: 500; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sub_list .ss_Lists > div > .sL_text > .title > .st > li { width:100%; float:left; font-size: 13px; font-weight: 400; color: #333; padding-top: 8px; }
.sub_list .ss_Lists > div > .sL_text > .title > .st > .p_rbox { float: right; margin-top: -2px; }
.sub_list .ss_Lists > div > .sL_text > .title > .st > .p_rbox > span { font-size: 12px; font-weight: 500; color: #006cfc; border-radius: 30px; border: 1px solid #006cfc; padding: 2px 8px; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .ss { width:100%; float:left; padding-top: 15px; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .ss > li {width:100%; float:left; font-size: 15px; font-weight: 500; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .sl { bottom: 0px; position: absolute; right: 0; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .sl > li { font-size: 12px; font-weight: 600; color: #363636; width: 115px; height: 20px; line-height: 19px; text-align: center; border: 1px solid #363636; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .sl > .point { border: 1px solid #0076a3; color: #0076a3; margin-left: 3px; }
.sub_list .ss_Lists > div > .sL_text > .subtxt > .sl > .money { width: auto; float: right; border: none; font-size: 20px; font-weight: 700; color: #cc3333; margin-top: -2px; }
.sub_list .page_box { width: 100%; float: left; margin: 120px 0 70px 0; }
.sub_list .search_box > form { width: 100%; float: left; }
.sub_list .search_box > form > div { width: 100%; float: left; text-align: center; padding: 35px 15px; background-color: #ebebeb; }
.sub_list .search_Wbox > form > div { background-color: transparent !important; border: 1px solid #d7d7d7; }
.sub_list .search_box > form > div > ul { width: auto; display: inline-block; vertical-align: top; }
.sub_list .search_box > form > div > ul > li { width: auto; float: left; margin: 0 5px; }
.sub_list .search_box > form > div > ul > li > select { width: 160px; height: 50px; border: 1px solid #e1e1e1; padding: 0 5px; float: left; font-size: 15px; } 
.sub_list .search_box > form > div > ul > li > input { width: 415px; height: 50px; border: 1px solid #e1e1e1; padding: 0 5px; float: left; font-size: 15px; }
.live_type {float:right; text-align: center; padding:5px 25px; font-size:15px; border-radius: 15px; border: solid 1px #ccc; }
.sub_list .search_box > form > div > ul > li > button { width: 120px; height: 50px; float: left; background-color: #006cfc; font-size: 15px; font-weight: 400; color: #fff; }

.clg {color:#555c66;}

/* 캠페인_뷰페이지 */
.subbn_title { border-bottom: none; }
.subV_list .sl_title > ul > li { color: #333; }
.subV_list .list_infoB { width: 100%; float: left; margin: 50px 0 90px 0; }
.subV_list .list_infoB > div { width: 50%; float: left; }
.subV_list .list_infoB > div > div { width: 100%; float: left; }
.subV_list .list_infoB > div > div > ul { width: 100%; float: left; padding: 0 10px; }
.subV_list .list_infoB > div > div > ul > li { float: left; }
.subV_list .list_infoB .img_left { padding-right: 20px; height: 350px; overflow: hidden; }
.subV_list .list_infoB .img_left > img { width: 100%; float: left; border-radius: 15px; }

.subV_list .list_infoB > .info_left { padding: 10px 30px 0 30px; }
.subV_list .list_infoB > .info_left > .title { border-bottom: 1px solid #000; padding: 20px 0 20px 0; }
.subV_list .list_infoB > .info_left > .title > ul > li { font-size: 25px; font-weight: 500; color: #333; }
.subV_list .list_infoB > .info_left > .title > ul > .label { float: right; margin-top: 5px; }
.subV_list .list_infoB > .info_left > .title > ul > .label > p { width: 55px; height: 25px; line-height: 24px; float: left; border: 1px solid #ff6600; border-radius: 50px; text-align: center; font-size: 12px; font-weight: 500; color: #ff6600; margin-right: 5px; }
.subV_list .list_infoB > .info_left > .title > ul > .label > .promotion { border: 1px solid #006cfc; color: #006cfc; }
.subV_list .list_infoB > .info_left > .stxt { border-bottom: 1px solid #000; padding: 20px 0; }
.subV_list .list_infoB > .info_left > .stxt > ul > li { font-size: 16px; font-weight: 600; color: #333; padding: 8px 0; }
.subV_list .list_infoB > .info_left > .stxt > ul > .tt { width: 17%; }
.subV_list .list_infoB > .info_left > .stxt > ul > .ss { width: 83%; font-weight: 400; }
.subV_list .list_infoB > .info_left > .stxt > ul > .money { font-size: 20px; font-weight: 400; color: #cc3333; }
.subV_list .list_infoB > .info_left > .stxt > ul > li > p { width: 100%; float: left; }
.subV_list .list_infoB > .info_left > .stxt > ul > li > p > a > i { font-size: 13px; color: #666; margin-left: 5px; }
.subV_list .list_infoB > .info_left > .stxt > ul > li > .ss { font-size: 13px; font-weight: 400; color: #666; margin-top: 5px; }
.subV_list .list_infoB > .info_left > .last_button { padding-top: 20px; }
.subV_list .list_infoB > .info_left > .last_button > ul > li { float: right; }
.subV_list .list_infoB > .info_left > .last_button > ul > li > button { width: 265px; height: 55px; background-color: #006cfc; border-radius: 5px; margin-right: 5px; font-size: 16px; font-weight: 500; color: #fff; }
.subV_list .list_infoB > .info_left > .last_button > ul > li > button > i { margin-right: 5px; }
.subV_list .list_infoB > .info_left > .last_button > ul > .stars { width: 55px; border: 1px solid #006cfc; border-radius: 5px; height: 55px; line-height: 55px; text-align: center; cursor: pointer; }
.subV_list .list_infoB > .info_left > .last_button > ul > .stars > i { font-size: 20px; color: #006cfc; }



.subV_list .list_infoB > .info_right { padding: 0px 30px 0 30px; }
.subV_list .list_infoB > .info_right > .title { border-bottom: 1px solid #000; padding: 20px 0 20px 0; }
.subV_list .list_infoB > .info_right > .title > ul > li { font-size: 25px; font-weight: 500; color: #333; }
.subV_list .list_infoB > .info_right > .title > ul > .label { float: right; margin-top: 5px; }
.subV_list .list_infoB > .info_right > .title > ul > .label > p { width: 55px; height: 25px; line-height: 24px; float: left; border: 1px solid #ff6600; border-radius: 50px; text-align: center; font-size: 12px; font-weight: 500; color: #ff6600; margin-right: 5px; }
.subV_list .list_infoB > .info_right > .title > ul > .label > .promotion { border: 1px solid #006cfc; color: #006cfc; }
.subV_list .list_infoB > .info_right > .stxt { border-bottom: 1px solid #000; padding: 0px 0px 20px 0; }
.subV_list .list_infoB > .info_right > .stxt > ul > li { font-size: 20px; font-weight: 600; color: #333; padding: 8px 0; }
.subV_list .list_infoB > .info_right > .stxt > ul > .tt { width: 17%; }
.subV_list .list_infoB > .info_right > .stxt > ul > .ss { width: 83%; font-weight: 400; }
.subV_list .list_infoB > .info_right > .stxt > ul > .money { font-size: 20px; font-weight: 400; color: #cc3333; }
.subV_list .list_infoB > .info_right > .stxt > ul > li > p { width: 100%; float: left; }
.subV_list .list_infoB > .info_right > .stxt > ul > li > p > a > i { font-size: 13px; color: #666; margin-left: 5px; }
.subV_list .list_infoB > .info_right > .stxt > ul > li > .ss { font-size: 13px; font-weight: 400; color: #666; margin-top: 5px; }
.subV_list .list_infoB > .info_right > .last_button { padding-top: 20px; }
.subV_list .list_infoB > .info_right > .last_button > ul > li { float: right; }
.subV_list .list_infoB > .info_right > .last_button > ul > li > button { width: 265px; height: 55px; background-color: #006cfc; border-radius: 5px; margin-right: 5px; font-size: 16px; font-weight: 500; color: #fff; }
.subV_list .list_infoB > .info_right > .last_button > ul > li > button > i { margin-right: 5px; }
.subV_list .list_infoB > .info_right > .last_button > ul > .stars { width: 55px; border: 1px solid #006cfc; border-radius: 5px; height: 55px; line-height: 55px; text-align: center; cursor: pointer; }
.subV_list .list_infoB > .info_right > .last_button > ul > .stars > i { font-size: 20px; color: #006cfc; }
.subV_list .sinfo_dedail { width: 100%; float: left; margin-bottom: 100px; }
.subV_list .sinfo_dedail > .sinfo_tap { width: 100%; float: left; text-align: center; border-bottom: 1px solid #ebebeb; }
.subV_list .sinfo_dedail > .sinfo_tap > ul { display: inline-block; vertical-align: top; }
.subV_list .sinfo_dedail > .sinfo_tap > ul > li { width: auto; float: left; padding: 10px 70px; font-size: 16px; font-weight: 500; cursor: pointer; }
.subV_list .sinfo_dedail > .sinfo_tap > ul > .active { border-bottom: 3px solid #006cfc; color: #006cfc; }
.subV_list .sinfo_dedail > .info_txt { width: 100%; float: left; padding: 50px 0 10px 0; display:none; }
.subV_list .sinfo_dedail > .info_txt.active { display:block; }
/* 상세페이지_탭메뉴(키워드안내) */
.subV_list .sinfo_dedail > .info_txt > div { width: 100%; float: left; padding: 0 50px; }
.subV_list .sinfo_dedail > .info_txt > div:nth-child(n+2) { margin-top: 60px; }
.subV_list .sinfo_dedail > .info_txt > div > ul { width: 100%; float: left; }
.subV_list .sinfo_dedail > .info_txt > div > ul > li { float: left; }
.subV_list .sinfo_dedail > .info_txt > div > ul.tap_title > li { font-size: 28px; font-weight: 400; color: #333; }
.subV_list .sinfo_dedail > .info_txt > div > ul.tap_title > li > i { font-size: 25px; margin-right: 10px; }
.subV_list .sinfo_dedail > .info_txt > div > ul.tap_title > li.ss { font-size: 18px; font-weight: 400; color: #666565; margin: 10px 0 0 15px; }
.subV_list .sinfo_dedail > .info_txt > div > ul.tap_con { border: 1px solid #d7d7d7; border-radius: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); padding: 50px; margin-top: 20px; overflow: auto; }
.subV_list .sinfo_dedail > .info_txt > div > ul.tap_con > li { width: 100%; float: left; font-size: 16px; font-weight: 400; color: #333; line-height: 35px; }

.subV_list .care_box { background-color: #d7d7d7; border-radius: 10px; padding: 50px; }
.subV_list .care_box > ul { float: left; }
.subV_list .care_box > ul > li { width: 100%; float: left; text-align: center; }
.subV_list .care_box > ul.icon { width: 15%; }
.subV_list .care_box > ul.icon > li > i { font-size: 50px; color: #fff; margin-top: 30px; }
.subV_list .care_box > ul.con { width: 85%; }
.subV_list .care_box > ul.con > li { text-align: left; font-size: 15px; font-weight: 500; color: #333; line-height: 23px; }
.subV_list .care_box > ul.con > li > span { font-size: 16px; font-weight: 600; color: #cc3333; }



/* 회원가입_01 */
.join01_box > div { width: 1020px; }
.join01_box .jB_boxs { width: 100%; float: left; }
.join01_box .jB_boxs > p { width: 100%; float: left; font-size: 20px; font-weight: 100; color: #333; text-align: center; line-height: 35px; }
.join01_box .jB_boxs > p > span { padding-right: 15px; font-size: 25px; font-weight: 400; }
.join01_box .pro_box { margin: 30px 0 120px 0; }
.join01_box .pro_box > ul { width: 48%; float: left; height: 530px; padding: 55px 75px; border: 1px solid #d7d7d7; margin: 0 0.5%; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); }
.join01_box .pro_box > ul > li { width: 100%; float: left; text-align: center; color: #fff; }
.join01_box .pro_box > ul > .tt > p { width: 100%; float: left; font-size: 22px; font-weight: 600; color: #333; }
.join01_box .pro_box > ul > .tt > p > img { margin-bottom: 10px; }
.join01_box .pro_box > ul > .ss { font-size: 15px; font-weight: 500; padding: 20px 0; border-top: 1px solid #d7d7d7; color: #666; }
.join01_box .pro_box > ul > .ss > p { width: 250px; height: 40px; float: left; line-height: 40px; border: 1px solid #c2c2c2; border-radius: 50px; font-size: 16px; font-weight: 600; margin: 30px 0 0 40px; }
.join01_box .pro_box > ul > .sb { margin: 40px 0 30px 0; }
.join01_box .pro_box > ul > .sb > a { width: 100%; float: left; height: 55px; line-height: 55px; border-radius: 5px; background-color: #006cfc; font-size: 18px; font-weight: 600; color: #fff; }
.join01_box .pro_box > ul > .sb > a.op_bt { background-color: #006cfc; } /*background-color: rgba(0,108,252,0.7);*/
.join01_box .pro_box > ul > .sb > a.op_bt span { width:100%; float:left; background-color:rgba(255,255,255,0.3); }
.join01_box .pro_box > ul > .sb > a:nth-child(n+2) { margin-top: 10px; }
.join01_box .pro_box > ul.pb_02 > .sb > a { background-color: #464646; }

/* 회원가입_02 */
.join02_box > div { width: 800px; }
.join02_box .jB_boxs { width: 100%; float: left; }
.join02_box .process_box { border-bottom: 2px solid #006cfc; margin: 100px 0 100px 0; }
.join02_box .process_box > div { width: 100%; float: left; position: absolute; bottom: -12px; }
.join02_box .process_box > div > ul { width: 50%; float: left; text-align: center; }
.join02_box .process_box > div > ul > li { width: 100%; float: left; font-size: 15px; font-weight: 600; color: #ccc; }
.join02_box .process_box > div > ul > .point { color: #006cfc; }
.join02_box .process_box > div > ul > .circle { width: 20px; height: 20px; border: 5px solid #ccc; border-radius: 50%; background-color: #fff; left: 193px; margin-top: 15px; }
.join02_box .process_box > div > ul > .cpoint { border: 5px solid #006cfc; }
.join02_box .members_box > form { width: 100%; float: left; }
.join02_box .members_box > form .joinFrm { width: 100%; float: left; display:none; padding: 0 35px;  }
.join02_box .members_box > form .joinFrm.active { display:block; }
.join02_box .members_box > form .joinFrm > div { width: 100%; float: left; margin-bottom: 20px; }
.join02_box .members_box > form .joinFrm > div > ul { float: left; }
.join02_box .members_box > form .joinFrm > div > .label_name { width: 15%; }
.join02_box .members_box > form .joinFrm > div > .label_name > li { line-height: 45px; font-size: 16px; font-weight: 600; color: #333; text-align:left; }
.join02_box .members_box > form .joinFrm > div > .text_box { width: 85%; }
.join02_box .members_box > form .joinFrm > div > ul > li { width: 100%; float: left; }
.join02_box .members_box > form .joinFrm > div > ul > li > .number_input { margin-top: 10px; }
.join02_box .members_box > form .joinFrm > div > ul > li > input {margin-bottom: 10px; border: 1px solid #ccc; float: left; height: 45px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; }
.join02_box .members_box > form .joinFrm > div > ul > li > input::placeholder { font-size: 15px; font-weight: 500; color: #bebebe; }
.join02_box .members_box > form .joinFrm > div > ul > li > select { border: 1px solid #ccc; float: left; height: 45px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; }
.join02_box .members_box > form .joinFrm > div > ul > li > textarea { border: 1px solid #ccc; float: left; height: 225px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; resize: none; }
.join02_box .members_box > form .joinFrm > div > ul > li > span { line-height:40px; padding-left:10px; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box > .tb_input { width: 78%; margin-right: 10px; }
.join02_box .members_box > form .joinFrm .importantLabel:after { content:"*"; position:absolute; top:0; color:#cc3333; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box .join_check_p { width: 100%; float: left; font-size: 15px; font-weight: 500; margin-top: 10px; padding-left: 10px; display:none; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box .join_check_y { color: #006cfc; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box .join_check_n { color: #cc3333; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box .join_check_p > i { font-size: 20px; color: inherit; margin-right: 5px; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box > .tb_button { width: 20%; }
.join02_box .members_box > form .joinFrm > .input_2box > .text_box > .tb_button > button { width: 100%; height: 45px; border-radius: 3px; border: 1px solid #006cfc; background-color: #fff; font-size: 14px; font-weight: 600; color: #006cfc; }
.join02_box .members_box > form .joinFrm > .line { border-bottom: 1px solid #ccc; margin: 40px 0; }
.join02_box .members_box > form .joinFrm > .chk_box { padding:20px 35px 45px 35px; border-bottom: 1px solid #ccc;}
.join02_box .members_box > form .joinFrm > .chk_box > .label_text { font-size: 14px; font-weight: 500; color: #444; line-height: 25px; top: -3px; }
.join02_box .members_box > form .joinFrm > .mail_box > .text_box > .tb_input { width: 50%; }
.join02_box .members_box > form .joinFrm > .mail_box > .text_box > .tb_txt { width: 5%; }
.join02_box .members_box > form .joinFrm > .mail_box > .text_box > .tb_txt > p { line-height: 45px; font-size: 18px; font-weight: 500; }
.join02_box .members_box > form .joinFrm > .mail_box > .text_box > .tb_mail { width: 43%; }
.join02_box .members_box > form .joinFrm > .mail_box > .text_box > .tb_mail > select { border: 1px solid #ccc; float: left; height: 45px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; }

.join01_box .members_box > form .joinFrm > .login_save{  margin-top:20px; }
.join01_box .members_box > form .joinFrm > .login_save > div { width:100%; float:left; border-top:1px solid #ccc; text-align:right; padding-right: 10px; }
.join01_box .members_box > form .joinFrm > .login_save div *{ line-height:30px; vertical-align: middle; }
.join01_box .members_box > form .joinFrm > .login_save input{  }
.join01_box .members_box > form .joinFrm > .login_save label{ color:#666; }

.join02_box .jB_button { margin: 0 0 40px 0; padding:0 35px; }
.join02_box .jB_button > ul { width:100%; float:left; }
.join02_box .jB_button > ul > li { width: 100%; float: left; background-color: #006cfc; border-radius: 3px; }
.join02_box .jB_button > ul > li > button { background-color: #006cfc; width: 100%; float: left; font-size: 14px; font-weight: 600; color: #fff; height: 45px; border-radius: 3px; }

.join02_box .members_box > form .joinFrm > div > .text_box > .tel_box > input { width: 32%; }
.join02_box .members_box > form .joinFrm > div > .text_box > .tel_box > input:nth-child(2) { margin: 0 2%; }
.join02_box .members_box > form .joinFrm > .input_bank > .text_box > .tb_select { width: 32%; margin-right: 2%; }
.join02_box .members_box > form .joinFrm > .input_bank > .text_box > .tb_select > select { border: 1px solid #ccc; float: left; height: 45px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; }
.join02_box .members_box > form .joinFrm > .input_bank > .text_box > .tb_input { width: 66%; }
.join02_box .jB2_button > ul { width: 350px; margin: 0 auto; }
.join02_box .agree_box { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 40px 50px !important; }
.join02_box .agree_box > div { width: 50%; float: left; text-align: center; }
.join02_box .agree_box > div > .label_text { font-size: 16px; font-weight: 500; color: #444; line-height: 25px; top: -3px; }
.join02_box .agree_box > div > a { font-size: 16px; font-weight: 500; color: #444; line-height: 25px; top: -3px; }
/* 로그인 */
.login_box > div { width: 650px; }
.login_box .pro_box > ul { width: 100%; float: left; padding: 55px 75px; border: 1px solid #d7d7d7; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); }
.login_box .pro_box > ul > li { width: 100%; float: left; text-align: center; color: #fff; }
.login_box .pro_box > ul > .tt > p { width: 100%; float: left; font-size: 22px; font-weight: 600; color: #333; }
.login_box .pro_box > ul > .tt > p > img { margin-bottom: 10px; }
.login_box .jB_boxs { width: 100%; float: left; margin-top: 50px; }
.login_box .members_box > form > .joinFrm { width: 100%; float: left; padding: 0 35px;  }
.login_box .members_box > form > .joinFrm > div { width: 100%; float: left; margin-bottom: 20px; }
.login_box .jB_button { width: 100%; float: left; padding: 0 35px; margin-top: 30px; }
.login_box .pro_box { width: 100%; float: left; margin: 0 0 120px 0; }
.login_box .members_box > form { width: 100%; float: left; }
.login_box .members_box > form .joinFrm > div > .label_name { width: 20%; float: left; }
.login_box .members_box > form .joinFrm > div > .label_name > li { line-height: 45px; font-size: 16px; font-weight: 600; color: #333; text-align:left; }
.login_box .members_box > form .joinFrm > div > .text_box { width: 80%; float: left; }
.login_box .members_box > form .joinFrm > div > ul > li > input { border: 1px solid #ccc; float: left; height: 45px; width: 100%; border-radius: 3px; padding: 0 10px; font-size: 14px; font-weight: 500; }
.login_box .members_box > form .joinFrm > .login_save{ width: 100%; float: left; margin-top:20px; }
.login_box .members_box > form .joinFrm > .login_save > div { width:100%; float:left; border-top:1px solid #ccc; text-align:right; padding-right: 10px; }
.login_box .members_box > form .joinFrm > .login_save div *{ line-height:30px; vertical-align: middle; }
.login_box .members_box > form .joinFrm > .login_save input{  }
.login_box .members_box > form .joinFrm > .login_save label{ color:#666; }
.login_box .jB_button > ul > li > button { background-color: #006cfc; width: 100%; float: left; font-size: 14px; font-weight: 600; color: #fff; height: 45px; border-radius: 3px; }





/* 마이페이지_광고리포트 */
.mypage_tap { padding-bottom: 0; }
/* .mypage_tap .sinfo_dedail { width: 100%; float: left; padding-top: 40px; } */
.mypage_tap .sinfo_dedail { width: 100%; float: left; padding-top: 0px; }
.mypage_tap .sinfo_dedail > .sinfo_tap { width: 100%; float: left; text-align: center; }
.mypage_tap .sinfo_dedail > .sinfo_tap > ul { display: inline-block; vertical-align: top; }
.mypage_tap .sinfo_dedail > .sinfo_tap > ul > li { width: auto; float: left; font-size: 17px; font-weight: 500; cursor: pointer; }
.mypage_tap .sinfo_dedail > .sinfo_tap > ul > li a { width:100%; float:left; padding: 10px 55px; }
.mypage_tap .sinfo_dedail > .sinfo_tap > ul > .active { border-bottom: 3px solid #006cfc; color: #006cfc; }
.mypage_tap .sinfo_dedail > .info_txt { width: 100%; float: left; padding: 50px 0 10px 0; }
.mypage_list .boxs { width: 100%; float: left; }
.mypage_list .my_data { margin-bottom: 20px; }
.mypage_list .my_data > div { float: left; }
.mypage_list .my_data > div > span { float: left; }
.mypage_list .my_data > .md_option { width: 24%; border-right: 1px solid #d7d7d7; margin-right: 1%; }
.mypage_list .my_data > .md_option > input { width: 200px; height: 40px; border: 1px solid #ccc; border-radius: 5px; padding-left:5px; }
.mypage_list .my_data > .md_date { width: 75%; }
.mypage_list .my_data > div > .name { width: 70px; padding-left: 10px; font-size: 16px; font-weight: 500; color: #333; line-height: 40px; }
.mypage_list .my_data > div > select { width: 200px; height: 40px; border: 1px solid #ccc; border-radius: 5px; font-size: 15px; font-weight: 500; color: #bebebe; padding: 0 5px; }
.mypage_list .my_data > div > span > input { width: 180px; height: 40px; border: 1px solid #ccc; border-radius: 5px; padding-left:5px; }
.mypage_list .my_data > div > span > label { font-size: 16px; color: #bebebe; position: absolute; top: 11px; right: 11px; }
.mypage_list .my_data > div > span > label i { vertical-align: top; }
.mypage_list .my_data > div > .hypen { font-size: 20px; font-weight: 400; color: #bebebe; margin: 0 10px; line-height: 40px; }
.mypage_list .my_data > div > .date_bt { width: 84px; height: 35px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; font-weight: 500; color: #333; background-color: #fff; margin: 2px 2px 0 2px; }
/*.mypage_list .my_data > div > .search_bt { width: 124px; height: 40px; border-radius: 5px; font-size: 16px; font-weight: 500; color: #fff; background-color: #006cfc; margin-left: 10px; }*/
.mypage_list .my_data > div > .search_bt { width: 124px; height: 40px; border-radius: 5px; font-size: 13px; font-weight: 500; color: #fff; background-color: #666; margin-left: 10px; }
.mypage_list .my_data > div > .date_bts { margin-left: 20px; }
.mypage_list .my_dataView { background-color: rgba(0,108,252,0.08); /*포인트 컬러 투명도*/ border-radius: 5px; padding: 30px 35px; margin-bottom: 80px; }
.mypage_list .my_dataView > ul { float: left; }
.mypage_list .my_dataView > ul > li { width: 100%; float: left; }
.mypage_list .my_dataView > .dv_left > li { width: 80px; height: 80px; background-color: #fff; border-radius: 5px; margin: 0 5px; text-align: center; padding: 15px 0; }
.mypage_list .my_dataView > .dv_left > li > p { width: 100%; float: left; }
.mypage_list .my_dataView > .dv_left > li > .state { font-size: 14px; font-weight: 400; color: #333; }
.mypage_list .my_dataView > .dv_left > li > .number { font-size: 25px; font-weight: 600; color: #333; }
.mypage_list .my_dataView > .dv_left > li > .number_y { color: #ff9933; }
.mypage_list .my_dataView > .dv_left > li > .number_b { color: #3399cc; }
.mypage_list .my_dataView > .dv_left > li > .number_r { color: #cc3333; }
.mypage_list .my_dataView > .dv_left { width: 75%; }
.mypage_list .my_dataView > .dv_right { width: 25%; padding-top: 10px; }
.mypage_list .my_dataView > .dv_right > li { width: 100%; font-size: 16px; font-weight: 400; color: #333; }
.mypage_list .my_dataView > .dv_right > .number { font-size: 32px; font-weight: 600; color: #333; }
.mypage_list .my_dataList > .lT_01 { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; }
.mypage_list .my_dataList > .listTop { width: 100%; float: left; margin-bottom: 10px; }
.mypage_list .my_dataList > .listBottom { margin-top: 10px; }
.mypage_list .my_dataList > .listTop > .left { float: left; }
.mypage_list .my_dataList > .listTop > .left > .cnt { padding-left: 5px; margin-right: 15px; }
.mypage_list .my_dataList > .listTop > .left > div { height: 35px; line-height: 35px; float: left; font-size: 14px; font-weight: 700; color: #333; }
.mypage_list .my_dataList > .listTop > .left > div > select { float: left; width: 150px; height: 35px; border: 1px solid #ccc; border-radius: 50px; font-size: 13px; font-weight: 400; color: #333; padding: 0 5px; }
.mypage_list .my_dataList button.mypageListBtn { background-color: #006cfc; width: 150px; height: 40px; color: #fff; font-size: 13px; font-weight: 500; float:left; height:35px; }
.mypage_list .my_dataList button.mypageListBtn > i { margin-right: 5px; }

.mypage_list .my_dataList button.dist_btn { border:1px solid #006cfc; background-color:white; width: 150px; height: 40px; color: #006cfc; font-size: 13px; font-weight: 500; float:left; height:35px; }
.mypage_list .my_dataList button.dist_btn > i { margin-right: 5px; }

.mypage_list .my_dataList > .listTop > .right { float: right; }
.mypage_list .my_dataList > .listTop > .right > div { float: left; }
.mypage_list .my_dataList > .listTop > .right > .border { border-right: 1px solid #e1e1e1; margin-right: 10px; padding-right: 10px; }
.mypage_list .my_dataList > .listTop > .right > div > select { border-radius: 15px; float: left; width: 120px; height: 35px; border: 1px solid #ccc; font-size: 13px; font-weight: 400; color: #bebebe; padding: 0 5px; }
.mypage_list .my_dataList > .listTop > .right > div > button { float: left; width: 130px; height: 35px; border: 1px solid #1f603e; font-size: 13px; font-weight: 500; color: #1f603e; background-color: #fff; }
.mypage_list .my_dataList > .listTop > .right > div > button > i { font-size: 16px; color: #1f603e; margin-right: 5px; }
.mypage_list .my_ListWrap > table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }
.mypage_list .my_ListWrap > table > thead > tr > th { font-size: 14px; font-weight: 600; color: #333; border-right: 1px solid #fff; padding: 12px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #fff; background-color: #f4f4f4; }
.mypage_list .my_ListWrap > table > thead > tr > th > span { font-size: 12px; font-weight: 300; color: #666; letter-spacing: 0; }
.mypage_list .my_ListWrap > table > thead > tr:nth-child(2) > th { background-color: rgba(0,108,252,0.04); /*포인트 컬러 투명도*/; }
.mypage_list .my_ListWrap > table > tbody > tr > td { height: 60px; font-size: 13px; font-weight: 400; color: #333; border-bottom: 1px solid #ddd; text-align: center; padding: 7px; line-height: 15px; }
.mypage_list .my_ListWrap > table > tbody > tr > td > span { font-size: 12px; font-weight: 300; color: #666; letter-spacing: 0; line-height: 20px; }
.mypage_list .my_ListWrap > table > tbody > tr > .label_txt > .label { padding: 0px 15px; border-radius: 50px; font-size: 12px; font-weight: 600;background-color: #fff; border: 1px solid #3399cc; color: #3399cc; }
.mypage_list .my_ListWrap > table > tbody > tr > .label_txt > .label_b { border: 1px solid #3399cc; color: #3399cc; }
.mypage_list .my_ListWrap > table > tbody > tr > .label_txt > .label_r { border: 1px solid #cc3333; color: #cc3333; }
.mypage_list .my_ListWrap > table > tbody > tr > .label_txt > .label_y { border: 1px solid #ff9933; color: #ff9933; }
.mypage_list .my_ListWrap > table > tbody > tr > td > label.ch { font-size: 19px; }
.mypage_list .my_ListWrap > table > thead > tr > th > label.ch { font-size: 19px; }
.mypage_list .my_ListWrap > table > tbody > tr > .bt_txt { cursor: pointer; }
.mypage_list .my_ListWrap > table > tbody > tr:hover td { background-color: rgba(0,108,252,0.02); /*포인트 컬러 투명도*/; }

/* 마이페이지_나의정보 */
.mypage_info { margin-bottom: 150px; }
.mypage_info .border_Box { width: 100%; float: left; margin-bottom: 45px; border-bottom: 1px solid #ccc; }
.mypage_info .border_Box .boxs { float: left; border-radius: 5px; min-height: 570px; }
.mypage_info .border_Box .boxs > div { width: 100%; float: left; }
.mypage_info .border_Box .boxs > div > ul { width: 100%; float: left; margin: 15px 0; }
.mypage_info .border_Box .boxs > div > ul > li { float: left; font-size: 16px; font-weight: 500; color: #666; min-height: 34px; line-height: 34px; }
.mypage_info .border_Box .boxs > div > ul > .label { width: 25%; font-weight: 600; color: #333; }
.mypage_info .border_Box .boxs > div > ul > .label > span { font-size: 23px; font-weight: 300; color: #cc3333; position: absolute; top: 0; }
.mypage_info .border_Box .boxs > div > ul > .value { width: 75%; }
.mypage_info .border_Box .boxs > div > ul > .value p { width:100%; float:left; }
.mypage_info .border_Box .boxs > div > ul > .value input { width: 60%; height: 38px; border-radius: 5px; border: 1px solid #e1e1e1; padding: 0 5px; float: left; font-size: 15px; }
.mypage_info .border_Box .boxs > div > ul > .value select { width: 60%; height: 38px; border-radius: 5px; border: 1px solid #e1e1e1; padding: 0 5px; float: left; font-size: 15px; }
.mypage_info .border_Box .boxs > div > ul > .value button { width: 20%; height: 36px; border-radius: 7px; border: 1px solid #006cfc; background-color: #fff; color: #006cfc; font-size: 15px; margin-left:5px; margin-top:1px; }

.mypage_info .border_Box .boxs > div > ul > .value > .join_check_p { width: 100%; float: left; font-size: 13px; font-weight: 500; padding-left: 10px; display:none; line-height:22px; }
.mypage_info .border_Box .boxs > div > ul > .value > .join_check_y { color: #006cfc; }
.mypage_info .border_Box .boxs > div > ul > .value > .join_check_n { color: #cc3333; }
.mypage_info .border_Box .boxs > div > ul > .value > .join_check_p > i { font-size: inherit; color: inherit; margin-right: 5px; }


.mypage_info .border_Box .left { width: 53%; border: 1px solid rgba(0,108,252,0.3); /*포인트 컬러 투명도*/; padding: 0 50px 30px 50px; }
.mypage_info .border_Box .left > div { padding: 40px 35px; }
.mypage_info .border_Box .left > .line { border-bottom: 1px solid #006cfc; padding: 0; }
.mypage_info .border_Box .right { width: 45%; margin-left: 2%; background-color: #f5f5f5; padding: 40px 25px; }
.mypage_info .bt_Box { width: 100%; float: left; }
.mypage_info .border_Box .right > .line { border-bottom: 1px solid #fff; }
.mypage_info .border_Box .right > .bottom { padding: 20px 20px; }
.mypage_info .border_Box .right > .top { padding-bottom: 20px; }
.mypage_info .border_Box .right > .top > .title { margin: 0; }
.mypage_info .border_Box .right > .top > .title > li { font-size: 18px; font-weight: 600; color: #006cfc; padding-left: 20px; }
.mypage_info .border_Box .right > .top > .title > li > i { font-size: 20px; margin-right: 7px; }
.mypage_info .border_Box .right > .top > .box { background-color: #fff; border-radius: 5px; padding: 30px 30px 20px 30px; }
.mypage_info .border_Box .right > .top > .box > li { width: 100%; font-size: 15px !important; font-weight: 500; color: #333; line-height: 20px; margin-bottom: 10px; height:auto; }
.mypage_info .border_Box .right > .top > .box > li * { font-size:inherit !important; }
.mypage_info .border_Box .right > .top > .box > .twoline { margin-bottom: 20px; }
.mypage_info .border_Box .right > .top > .box > li > span { width: 100%; float: left; font-size: 13px; font-weight: 100; color: #ff3333; }
.mypage_info .border_Box .info_txt { width: 100%; float: left; font-size: 13px; font-weight: 500; color: #666; padding: 30px 10px 10px 10px; }
.mypage_info .border_Box .info_txt > span { font-size: 20px; font-weight: 500; color: #cc3333; top: 7px; }
.mypage_info .bt_box { width: 100%; float: left; }
.mypage_info .bt_box > ul { width: 100%; float: left; text-align: center; }
.mypage_info .bt_box > ul > li { width: 100%; float: left; }
.mypage_info .bt_box > ul > li > .actionBtn { padding: 20px 110px; background-color: #006cfc; font-size: 17px; font-weight: 600; color: #fff; margin: 0 5px; }
.mypage_info .bt_box > ul > li > .no_bt { padding: 20px 60px; border: 1px solid #006cfc; background-color: #fff; font-size: 17px; font-weight: 600; color: #006cfc; }

/* 마이페이지_나의캠페인 */
.mypage_list .my_campain > .dv_left { width: 84%; }
.mypage_list .my_campain > .dv_left > li { width: 165px; height: 80px; background-color: #fff; border-radius: 5px; margin: 0 5px; text-align: left; padding: 15px 20px; }
.mypage_list .my_campain > .dv_right { width: 15%; padding: 0; }
.mypage_list .my_campain > .dv_right > li { width: 165px; height: 80px; background-color: #fff; border: 1px solid #fff; border-radius: 5px; margin: 0 5px; text-align: left; padding: 15px 20px; }
.mypage_list .my_campain > .dv_right > li > a { width: 100%; float: left; }
.mypage_list .my_campain > .dv_right > li > a > p { width: 100%; float: left; }
.mypage_list .my_campain > .dv_right > li > a > .state { font-size: 14px; font-weight: 400; color: #333; }
.mypage_list .my_campain > .dv_right > li > a > .number { font-size: 25px; font-weight: 600; color: #333; }
.mypage_list .my_campain > .dv_right > li > a > .number > i { font-size: 25px; color: #ffcc00; position: absolute; right: -6px; top: 8px; }
.mypage_list .my_campain > .dv_right > li:hover { border: 1px solid #006cfc; }
.mypage_list .my_CpainWrap > table .campain > div { float: left; }
.mypage_list .my_CpainWrap > table .campain > div > ul { width: 100%; float: left; }
.mypage_list .my_CpainWrap > table .campain > div > ul > li { float: left; }
.mypage_list .my_CpainWrap > table .campain > .mini_img { width: 30%; }
.mypage_list .my_CpainWrap > table .campain > .mini_text { width: 70%; padding: 4px 0 4px 15px; }
.mypage_list .my_CpainWrap > table .campain > .mini_text > ul { margin: 5px 0; }
.mypage_list .my_CpainWrap > table .campain > .mini_text > .mt_01 > li { font-size: 16px; font-weight: 500; color: #333; line-height: 20px; }
.mypage_list .my_CpainWrap > table .campain > .mini_text > .mt_01 > .label { width: 50px; height: 20px; line-height: 19px; font-size: 10px; font-weight: 600; color: #006cfc; border: 1px solid #006cfc; border-radius: 50px; margin-left: 10px; }
.mypage_list .my_CpainWrap > table .campain > .mini_text > .mt_02 > .mn_number { font-size: 16px; font-weight: 700; color: #cc3333; line-height: 18px; }
.mypage_list .my_CpainWrap > table .campain > .mini_text > .mt_02 > .label { width: 50px; height: 20px; line-height: 19px; font-size: 10px; font-weight: 600; color: #333; border: 1px solid #333; margin-right: 10px; }
.mypage_list .my_CpainWrap > table .state > span { font-size: 14px; font-weight: 500; }
.mypage_list .my_CpainWrap > table .state > .st_R { color: #cc3333; }
.mypage_list .my_CpainWrap > table .state > .st_G { color: #999; }
.mypage_list .my_CpainWrap > table .url_list > div { width: 100%; float: left; }
.mypage_list .my_CpainWrap > table .url_list > div > ul { width: 100%; float: left; }
.mypage_list .my_CpainWrap > table .url_list > div > ul > li { float: left; }
.mypage_list .my_CpainWrap > table .url_list > .title { font-size: 13px; font-weight: 600; color: #141414; text-align: left; padding-bottom: 10px; }
.mypage_list .my_CpainWrap > table .url_list > .title > i { font-size: 15px; margin-right: 5px; }
.mypage_list .my_CpainWrap > table .url_list > .title .update { width: 27px; height: 27px; line-height: 27px; border-radius: 50%; cursor: pointer; text-align:center; font-size:15px; }
.mypage_list .my_CpainWrap > table .url_list > .title .update > i { font-size: 12px; color: #666; margin-left: 5px; }
.mypage_list .my_CpainWrap > table .url_list > .title .trash { width: 27px; height: 27px; line-height: 27px; border-radius: 50%; cursor: pointer; text-align:center; font-size:15px; position:absolute; right:9px; }
.mypage_list .my_CpainWrap > table .url_list { padding: 12px 7px; }
.mypage_list .my_CpainWrap > table .url_list > .list > ul { margin: 3px 0; }
.mypage_list .my_CpainWrap > table .url_list > .list > ul > li { font-size: 13px; font-weight: 400; color: #666; line-height: 20px; }
.mypage_list .my_CpainWrap > table .url_list > .list > ul > .tt { width: 20%; font-weight: 600; border: 1.5px solid #d7d7d7; }
.mypage_list .my_CpainWrap > table .url_list > .list > ul > .ss { width: 70%; padding-left: 10px; text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mypage_list .my_CpainWrap > table .url_list > .list > ul > .bt { width: 10%; font-size: 15px; color: #333; cursor: pointer; }
.mypage_list .my_CpainWrap > table .hover_bg { background-color: rgba(255,255,255,0.75); height: 100%; top: 0; position: absolute; z-index: 1; left:0; }
.mypage_list .my_CpainWrap > table .circle_bt { text-align: center; }
.mypage_list .my_CpainWrap > table .circle_bt > div { width: 100%; float: left; text-align:center; }
.mypage_list .my_CpainWrap > table .circle_bt > div > span { width: 30px; height: 30px; display:inline-block; vertical-align: middle; background-color: #b7b7b7; border-radius: 50%; line-height: 30px; cursor: pointer; margin: 0 3px; }
.mypage_list .my_CpainWrap > table .circle_bt > div > .plus { background-color: #006cfc; }
.mypage_list .my_CpainWrap > table .circle_bt > div > .plus2 { background-color: #006cfc; }
.mypage_list .my_CpainWrap > table .circle_bt > div > span > i { font-size: 16px; color: #fff; }
.mypage_list .my_CpainWrap > table > tbody > tr:hover td { background-color: #fff; }
.mypage_list .ss_Boxs { text-align: center; font-size: 23px; font-weight: 600; color: #333; padding: 40px 0; }
.mypage_list .ss_Boxs > i { font-size: 23px; color: #ffcc00; margin-right: 10px; }
.mypage_list .ss_Lists { margin-bottom: 150px; }
.mypage_list .ss_Lists > div > a > .sL_img > .hover_bg { display: block; }
.mypage_list .ss_Lists > div > .sL_text > .hover_bg { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.75); z-index: 1; text-align: center; padding: 102px 0; }
.mypage_list .my_datasView { margin-bottom: 0; }

/* 마이페이지_나의정산내역 */
.mypage_point .my_point { width: 100%; float: left; border: 3px solid #006cfc; border-radius: 5px; margin-bottom: 30px; } 
.mypage_point .my_point > div { float: left; padding: 20px 30px; }
.mypage_point .my_point > div > ul { float: left; }
.mypage_point .my_point > div > ul > li { float: left; line-height: 40px; }
.mypage_point .my_point > .mp_title { width: 15%; background-color: #006cfc; font-size: 16px; font-weight: 600; color: #fff; text-align: center; line-height: 41px; }
.mypage_point .my_point > .mp_title > i { font-size: 18px; color: rgba(0,0,0,0.4); margin-right: 5px; }
.mypage_point .my_point > .mp_con { width: 85%; }
.mypage_point .my_point > .mp_con > ul { width: 15%; border-right: 1px solid #ebebeb; }
.mypage_point .my_point > .mp_con > ul > li { width: 50%; font-size: 15px; font-weight: 600; text-align: center; }
.mypage_point .my_point > .mp_con > ul > .sn_r { color: #cc3333; }
.mypage_point .my_point > .mp_con > .c_bt { width: 40%; border-right: none; padding-left: 81px; }
.mypage_point .my_point > .mp_con > .c_bt > li { width: 140px; margin: 0 5px; }
.mypage_point .my_point > .mp_con > .c_bt > li > button { width: 140px; height: 40px; background-color: #d7d7d7; font-size: 13px; font-weight: 600; color: #333; }
.mypage_point .my_point > .mp_con > .c_bt > li > button > i { margin-right: 5px; }
.mypage_point .my_point > .mp_con > .c_bt > .bt_r > button { background-color: #cc3333; font-weight: 500; color: #fff; }
.mypage_point .my_data { border: 1px solid rgba(0,108,252,0.3); /*포인트 컬러 투명도*/; border-radius: 5px; padding: 40px 30px; }
.mypage_point .my_data > .md_option { width: 26%; }
.mypage_point .my_data > .md_date { width: 100%; }
.mypage_point .my_data > div > .date_bt { width: 80px; }
.mypage_point .my_data > div > .search_bt { width: 124px; }
.mypage_point .my_data > div > span > input { width: 160px; }
.mypage_point .my_dataView > .dv_title { width: 100%; float: left; padding: 0 0 15px 5px; }
.mypage_point .my_dataView > .dv_title > li { width: 100%; float: left; font-size: 16px; font-weight: 600; color: #333; }

.mypage_point .my_dataView > .dv_right { width: 30%; background-color: #fff; border-radius: 50px; padding: 9px 40px; }
.mypage_point .my_dataView > .dv_right > li { text-align: right; }
.mypage_point .my_dataView > .dv_right > .name { font-size: 16px; font-weight: 600; }
.mypage_point .my_dataView > .dv_right > .number { font-size: 26px; font-weight: 600; color: #006cfc; }

.mypage_point .my_dataView > .dv_middle { width: 28%; }
.mypage_point .my_dataView > .dv_middle .bc_none { width: 110px; height: 80px; background-color: transparent !important; text-align: left; border-left: 1px solid #fff; padding: 15px 20px; }
.mypage_point .my_dataView > .dv_middle .bc_none:nth-last-child(1) { border-right: 1px solid #fff; }
.mypage_point .my_dataView > .dv_middle .bc_none > .state { font-size: 16px; font-weight: 600; }
.mypage_point .my_dataView > .dv_middle .bc_none > .number { font-size: 18px; font-weight: 300; color: #333; }

/* .mypage_point .my_dataView > .dv_left { width: 42%; } */
.mypage_point .my_dataView > .dv_left > li { width:auto; min-width: 80px; text-align: center; padding: 15px 10px; }
/* .mypage_point .my_dataView > .dv_left > li:nth-child(n+6) { margin-top: 10px; } */
.mypage_point .my_dataView > .dv_left > li > .number_g { color: #666; } 
.mypage_point .my_dataView > .dv_left > .wB_03 { width: 240px; }

.mypage_point .my_dataList > .lT_01 { display: none; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; }
.mypage_point .my_dataList > .listTop > .left > div > select { width: 150px; border: 1px solid #ccc; border-radius: 0; font-size: 14px; font-weight: 500; }


/*공통_팝업*/
.popup_Box { width: 100%; height: 100%; left: 0; top: 0; z-index: 100; position: fixed; background-color: rgba(0, 0, 0, 0.8); display: none; }
.popup_Box > .conBox { width: 1000px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; }
.popup_Box > .conBox > .title { width: 100%; float: left; background-color: #006cfc; }
.popup_Box > .conBox > .title > div { height: 55px; line-height: 55px; color: #fff; }
.popup_Box > .conBox > .title > .left { width: 945px; padding-left: 35px; font-size: 18px; font-weight: 600; } 
.popup_Box > .conBox > .title > .right { width: 55px; font-size: 32px; font-weight: 100; text-align: center; background-color: rgba(0,0,0,0.2); cursor: pointer; }
.popup_Box > .conBox > .contents { width: 100%; float: left; padding: 50px 30px; overflow:auto; max-height:700px;}
.popup_Box > .conBox > .contents > div { width: 100%; float: left; }
.popup_Box > .conBox > .contents > .top_box { margin-bottom: 40px; border: 3px solid #ccc; padding: 20px 50px; }
.popup_Box > .conBox > .contents > .top_box > ul { width: 100%; float: left; }
.popup_Box > .conBox > .contents > .top_box > ul > li { float: left; }
.popup_Box > .conBox > .contents > .top_box > ul > li > span { font-size: 15px; font-weight: 400; color: #333; }
.popup_Box > .conBox > .contents > .top_box > ul > li > .label { font-weight: 600; margin-right: 50px; }
.popup_Box > .conBox > .contents > .top_box > ul > .viewlabel { float: right; }
.popup_Box > .conBox > .contents > .top_box > ul > .viewlabel > span { border: 1px solid #ff9900; color: #ff9900; padding: 4px 25px; font-size: 15px; font-weight: 700; border-radius: 50px; }

.popup_Box > .conBox > .contents > .list_box { }
.popup_Box > .conBox > .contents > .list_box .title { width: 100%; float: left; font-size: 15px; font-weight: 600; color: #333; padding: 0 0 5px 3px; }
.popup_Box > .conBox > .contents > .list_box .title:not(:first-of-type) { margin-top:25px; }
.popup_Box > .conBox > .contents > .list_box table { width: 100%; float: left; border-top: 2px solid #006cfc; border-bottom: 1px solid #e1e1e1; }
.popup_Box > .conBox > .contents > .list_box table td { height: 55px; font-size: 12px; font-weight: 400; color: #333; border-bottom: 1px solid #ddd; text-align: left; padding: 10px 15px; letter-spacing: 0; }
.popup_Box > .conBox > .contents > .list_box table td > .label { background-color: #ff9900; color: #fff; padding: 4px 25px; font-size: 15px; font-weight: 700; border-radius: 50px; }
.popup_Box > .conBox > .contents > .list_box table th { font-size: 14px; font-weight: 600; color: #666; border-bottom: 1px solid #ddd; background-color: #ebebeb; text-align: center; }
.popup_Box > .conBox > .contents > .list_box table select { width: 220px; height: 40px; padding: 0 5px; font-size: 14px; color: #333; border: 1px solid #e1e1e1; }
.popup_Box > .conBox > .contents > .list_box table td > input.point { width: 250px; height: 30px; border: 1px solid #e1e1e1; margin-right: 5px; }
.popup_Box > .conBox > .contents > .list_box table td > input.out_point { width: 250px; height: 30px; border: 1px solid #e1e1e1; margin-right: 5px; }
.popup_Box > .conBox > .contents > .list_box table td.file_plus > button { width: 110px; float: left; height: 35px; border: 1px solid #006cfc; color: #006cfc; font-size: 13px; font-weight: 600; background-color: #fff; }
.popup_Box > .conBox > .contents > .list_box table td.file_plus > p { width: auto; float: left; color: #999; font-size: 12px; font-weight: 400; padding: 10px 0 0 10px; }
.popup_Box > .conBox > .contents > .list_box iframe { width:100%; height:350px;}

.popup_Box > .conBox > .contents > .db_box > table { border-top: 1px solid #006cfc; border-bottom: 1px solid #006cfc; }
.popup_Box > .conBox > .contents > .popup_btBox { text-align: center; padding-top: 20px; }
.popup_Box > .conBox > .contents > .popup_btBox > *{ float: none; display: inline-block; margin: 0 auto; }
.popup_Box > .conBox > .contents > .popup_btBox > button { width: 150px; height: 40px; line-height: 38px; font-size: 15px; font-weight: 500; color: #fff; margin: 0 5px; }
.popup_Box > .conBox > .contents > .popup_btBox > .bt01 { background-color: #006cfc; }
.popup_Box > .conBox > .contents > .popup_btBox > .bt02 { background-color: #d7d7d7; }


.popup_Box > .conBox > .contents > .topPoint_box { border: 1px solid #006cfc; padding: 0; }
.popup_Box > .conBox > .contents > .topPoint_box > ul { padding: 15px 0; }
.popup_Box > .conBox > .contents > .topPoint_box > .left { width: 20%; background-color: #006cfc; }
.popup_Box > .conBox > .contents > .topPoint_box > .left > li { width: 100%; font-size: 16px; font-weight: 500; color: #fff; text-align: center; }
.popup_Box > .conBox > .contents > .topPoint_box > .left > li > i { font-size: 18px; color: rgba(0,0,0,0.4); margin-right: 5px; }
.popup_Box > .conBox > .contents > .topPoint_box > .right { width: 80%; }
.popup_Box > .conBox > .contents > .topPoint_box > .right > li { width: 30%; padding: 0 10px; border-right: 1px solid #ebebeb; }
.popup_Box > .conBox > .contents > .topPoint_box > .right > li:nth-last-child(1) { border-right: none; }
.popup_Box > .conBox > .contents > .topPoint_box > .right > li > p { width: 50%; float: left; text-align: center; font-size: 15px; font-weight: 500; }
.popup_Box > .conBox > .contents > .topPoint_box > .right > li > p > i { margin-left: 5px; cursor: pointer; }

.popup_Box > .conBox > .contents > .info_box { background-color: #f1f1f1; padding: 20px 30px; margin-top:25px; }
.popup_Box > .conBox > .contents > .info_box > ul { float: left; }
.popup_Box > .conBox > .contents > .info_box > ul > li { width: 100%; float: left; }
.popup_Box > .conBox > .contents > .info_box > .iB_01 { width: 10%; } 
.popup_Box > .conBox > .contents > .info_box > .iB_01 > li { text-align: center; line-height: 64px; }
.popup_Box > .conBox > .contents > .info_box > .iB_01 > li > i { font-size: 20px; color: #d3d3d3; }
.popup_Box > .conBox > .contents > .info_box > .iB_02 { width: 61%; border-right: 1px solid #fff; } 
.popup_Box > .conBox > .contents > .info_box > .iB_02 > .ts { font-size: 12px; font-weight: 500; color: #666; }
.popup_Box > .conBox > .contents > .info_box > .iB_02 > .ts > span { font-size: 13px; font-weight: 600; color: #333; }
.popup_Box > .conBox > .contents > .info_box > .iB_02 > .rbox { width: auto; background-color: #fff; border-radius: 50px; padding: 8px 20px; margin-top: 8px; }
.popup_Box > .conBox > .contents > .info_box > .iB_02 > .rbox > p { float: left; font-size: 13px; font-weight: 500; color: #006cfc; margin: 0 5px; }
.popup_Box > .conBox > .contents > .info_box > .iB_02 > .rbox > p > span { color: #333; margin-left: 5px; }
.popup_Box > .conBox > .contents > .info_box > .iB_03 { width: 29%; padding: 10px 0 0 80px; } 
.popup_Box > .conBox > .contents > .info_box > .iB_03 > .title { width: 50px; float: left; font-size: 13px; font-weight: 600; }
.popup_Box > .conBox > .contents > .info_box > .iB_03 > .number { width: 125px; float: left; font-size: 25px; font-weight: 700; color: #006cfc; line-height: 20px; }
.popup_Box > .conBox > .contents > .info_box > .iB_03 > .number > span { font-size: 13px; font-weight: 500; color: #666; }


.popup_Box > .conBox > .contents > .iframeBox { }
.popup_Box > .conBox > .contents > .iframeBox iframe { width:100%; float:left; height:450px; }



/*.view_file_wrap { width: 100%; float: left; border: 1px solid #CCC; margin-top: 10px; }
.view_file_wrap ul { width: 100%; float: left; }
.view_file_wrap ul > li { float: left; text-align: center; font-size: 13px; }
.view_file_wrap ul > li:nth-of-type(1) { width: 5%; }
.view_file_wrap ul > li:nth-of-type(2) { width: 70%; }
.view_file_wrap ul > li:nth-of-type(3) { width: 15%; }
.view_file_wrap ul > li:nth-of-type(4) { width: 10%; }
.view_file_wrap ul.no > li { width: 100% !important; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #CCC !important; }

.view_file_wrap > ul.head { background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
.view_file_wrap > ul.head > li { height: 30px; line-height: 30px; font-weight: bold; color: #999; border-right: 1px solid #DDD; }
.view_file_wrap > ul.head > li:last-of-type { border-right: 0; }

.view_file_wrap > .body { width: 100%; float: left; }
.view_file_wrap > .body > ul { border-bottom: 1px solid #DDD; }
.view_file_wrap > .body > ul:last-of-type { border-bottom: 0; }
.view_file_wrap > .body > ul > li { height: 30px; line-height: 30px; padding: 0 10px; border-right: 1px solid #E5E5E5; color: #666; letter-spacing: -0.5px; }
.view_file_wrap > .body > ul > li:last-of-type { border-right: 0; }
.view_file_wrap > .body > ul > li:nth-of-type(2) { text-align: left; }
.view_file_wrap > .body > ul > li .multiFileUploadDeleteBtn { cursor: pointer; }
.view_file_wrap > .body > ul > li a { cursor: pointer; }*/

.view_file_wrap > table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }
.view_file_wrap > table > thead > tr > th { font-size: 14px; font-weight: 600; color: #333; border-right: 1px solid #fff; padding: 12px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #fff; background-color: #f4f4f4; }
.view_file_wrap > table > thead > tr > th > span { font-size: 12px; font-weight: 300; color: #666; letter-spacing: 0; }
.view_file_wrap > table > thead > tr:nth-child(2) > th { background-color: rgba(0,108,252,0.04); /*포인트 컬러 투명도*/; }
.view_file_wrap > table > tbody > tr > td { height: 50px; font-size: 14px; font-weight: 400; color: #333; border-bottom: 1px solid #ddd; text-align: center; padding: 7px; line-height: 15px; }
.view_file_wrap > table > tbody > tr > td > span { font-size: 12px; font-weight: 300; color: #666; letter-spacing: 0; line-height: 20px; }
.view_file_wrap > table > tbody > tr > .label_txt > .label { padding: 0px 15px; border-radius: 50px; font-size: 12px; font-weight: 600;background-color: #fff; border: 1px solid #3399cc; color: #3399cc; }
.view_file_wrap > table > tbody > tr > .label_txt > .label_b { border: 1px solid #3399cc; color: #3399cc; }
.view_file_wrap > table > tbody > tr > .label_txt > .label_r { border: 1px solid #cc3333; color: #cc3333; }
.view_file_wrap > table > tbody > tr > .label_txt > .label_y { border: 1px solid #ff9933; color: #ff9933; }
.view_file_wrap > table > tbody > tr > td > label.ch { font-size: 19px; }
.view_file_wrap > table > thead > tr > th > label.ch { font-size: 19px; }
.view_file_wrap > table > tbody > tr > .bt_txt { cursor: pointer; }
.view_file_wrap > table > tbody > tr:hover td { background-color: rgba(0,108,252,0.02); /*포인트 컬러 투명도*/; }

/* 커뮤니티 공지사항 */
#noticeWrap .noticeContentWrap { float: left; width: 100%; margin-top: 40px; border-top: 1px solid #999; }
#noticeWrap .noticeContentWrap .titleWrap { float: left; width: 100%; background: #f9f9f9; padding: 20px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: 500; }
#noticeWrap .noticeContentWrap .titleWrap li { text-align: center; }
#noticeWrap .noticeContentWrap .titleWrap .no { width: 5%; float: left; }
#noticeWrap .noticeContentWrap .titleWrap .title { width: 70%; float: left; }
#noticeWrap .noticeContentWrap .titleWrap .name { width: 10%; float: left; }
#noticeWrap .noticeContentWrap .titleWrap .date { width: 10%; float: left; }
#noticeWrap .noticeContentWrap .titleWrap .count { width: 5%; float: left; }

#noticeWrap .noticeContentWrap .contentWrap { float: left; width: 100%; padding: 20px; border-bottom: 1px solid #ccc; }
#noticeWrap .noticeContentWrap .contentWrap li.title:hover { font-weight: 500 !important; }
#noticeWrap .noticeContentWrap .contentWrap li { text-align: center; font-size: 18px; color: #666; font-weight: 300; }
#noticeWrap .noticeContentWrap .contentWrap { float: left; width: 100%; }
#noticeWrap .noticeContentWrap .contentWrap .no { width: 5%; float: left; }
#noticeWrap .noticeContentWrap .contentWrap .no span { background: #006cfc; padding: 3px 15px; color: #FFF; border-radius: 15px; font-size: 15px; }
#noticeWrap .noticeContentWrap .contentWrap .title { width: 70%; float: left; text-align: left; padding-left: 40px; color: #333; font-weight: 400; }
#noticeWrap .noticeContentWrap .contentWrap .name { width: 10%; float: left; }
#noticeWrap .noticeContentWrap .contentWrap .date { width: 10%; float: left; }
#noticeWrap .noticeContentWrap .contentWrap .count { width: 5%; float: left; }

/* 커뮤니티 뷰 */
#communityViewWrap .viewCont { width: 100%; float: left; border: 1px solid #ccc; padding: 50px 25px 20px 25px; }
#communityViewWrap .viewCont .titleWrap { width: 100%; float: left; padding: 0 15px 0 15px; }
#communityViewWrap .viewCont .titleWrap .title { font-size: 30px; font-weight: 500; color: #333; }
#communityViewWrap .viewCont .dateWrap { width: 100%; float: left; padding: 30px 15px 10px 30px; border-bottom: 1px solid #ccc; }
#communityViewWrap .viewCont .dateWrap ul { width: 100%; float: left; margin-bottom: 5px; }
#communityViewWrap .viewCont .dateWrap li { float: right; font-size: 16px; color: #999; }
#communityViewWrap .viewCont .dateWrap li a { float: right; }
#communityViewWrap .viewCont .dateWrap li a i { margin-left: 10px; }

#communityViewWrap .viewCont .contentWrap { width: 100%; float: left; padding: 40px; min-height: 500px; }
/* #communityViewWrap .viewCont .contentWrap .content { width: 100%; float: left; font-size: 20px; font-weight: 400; color: #333; line-height: 30px; } */
#communityViewWrap .viewCont .contentWrap .content { width: 100%; float: left; font-weight: 400; color: #333; line-height: 30px; }
#communityViewWrap .viewCont .contentWrap .content * {letter-spacing:0 !important;}
#communityViewWrap .viewCont .contentWrap .content p img { max-width: 100%; }
#communityViewWrap .viewCont .contentWrap img { max-width:100%; }

#communityViewWrap .viewCont .fileUploadWrap { width: 100%; float: left; }
#communityViewWrap .viewCont .fileUploadWrap ul { width: 100%; float: left; background: #F2F2F2; padding: 15px 30px; border-radius: 5px; }
#communityViewWrap .viewCont .fileUploadWrap ul li { font-size: 15px; }
#communityViewWrap .viewCont .fileUploadWrap ul li > i { color: #333; margin-right: 5px; }
#communityViewWrap .viewCont .fileUploadWrap ul li:nth-child(1) { width: 9%; float: left; padding-top: 1px; color: #333; font-weight: 400; }
#communityViewWrap .viewCont .fileUploadWrap ul li:nth-child(2) { width: 91%; float: left; color: #666; }
#communityViewWrap .viewCont .fileUploadWrap ul li p { width:100%; float:left; }
#communityViewWrap .viewCont .fileUploadWrap ul li p a { float:left; }

#communityViewWrap .prevBtnWrap { width: 100%; float: left; margin-top: 20px; }
#communityViewWrap .prevBtnWrap a { height: 40px; width: 100px; text-align: center; font-size: 18px; border: 1px solid #ccc; padding: 7px 20px; color: #666; border-radius: 3px; float: right; border-radius: 5px; }


/* 자주묻는 질문게시판 */
.communityContentWrap > div { width:100%; float:left; border-bottom: 1px solid #ccc !important; }
.communityContentWrap > div:last-child { border-bottom: 0; }
.communityContentWrap > div:not(:first-child) .titleWrap { border-top:none; }
.communityContentWrap > div > div { width:100%; float:left; border:1px solid #ccc; border-left:none; border-right:none; margin-top:-1px; border-bottom: 0; }
.communityContentWrap > div:first-child > div:first-child { border-top:none; }
.communityContentWrap > div:last-child > div:first-child { border-bottom:none; }
.communityContentWrap .titleWrap { cursor:pointer; border-bottom:none; }
.communityContentWrap .contentWrap { display:none; }
.communityContentWrap .contentWrap ul { background: #f2f2f2; }
.communityContentWrap .contentWrap ul div { float: left; width: 100%; }
.communityContentWrap .contentWrap ul div ul:nth-child(1) { float: left; width: 10%; text-align:center; padding-top: 12px; } 
.communityContentWrap .contentWrap ul div ul:nth-child(1) li:nth-child(1) { position: absolute; top: -5px; left: 20px; } 
.communityContentWrap .contentWrap ul div ul:nth-child(1) li:nth-child(2) { color: #fff; width: 30px; height: 30px; line-height: 30px; font-weight: 400; font-size: 21px; background: #006cfc; margin: 2% 20% 0 0; float: right; border-radius: 70%; }
.communityContentWrap .contentWrap ul div ul:nth-child(2) { float: left; width: 80%; padding-top: 15px; } 
.communityContentWrap .contentWrap ul div ul:nth-child(2) li { color: #999; font-size: 17px; width: 100%; }
.communityContentWrap .contentWrap ul div ul:nth-child(2) li span { float: left; width: 100%; padding-bottom: 15px; font-size: 16px !important; color: #666; font-weight: 400; line-height: 26px !important; }
.communityContentWrap { float: left; width: 100%; border-top: 1px solid #333 !important; border-bottom: 1px solid #333 !important; margin: 20px 0; }
.communityContentWrap > div > div > ul { width:100%; display:table; table-layout: fixed; padding: 15px 15px; }
.communityContentWrap > div > div > ul > li { display:table-cell; padding:10px 0; }
.communityContentWrap > div > div > ul > li:nth-child(1) { width:5%; vertical-align: middle; text-align:center; font-size:24px; font-weight: 500; }
.communityContentWrap > div > div > ul > li:nth-child(2) { width:95%; vertical-align: middle; padding:25px 35px 25px 15px; } 
.communityContentWrap > div > div > ul > li:nth-child(2) i { font-size:22px; font-weight: 600; color: #333; float: right; vertical-align: middle; }
.communityContentWrap .regInfo { width:100%; text-align:right; font-size:17px; color:#999; }

.communityContentWrap .noResult { border-top:1px solid #ccc; text-align:center; line-height:150px; }
.communityContentWrap .case { float: left; width: 100%; }
.communityContentWrap .csee ul { width: 100%; float: left; }
.communityContentWrap .csee ul li { text-align: center; font-size: 17px; color: #555; }
.communityContentWrap .case ul li.no { width: 5% !important; float: left; padding: 0px !important; text-align: center; font-weight: 600; font-size: 25px !important; color: #555 !important; line-height: 40px; }
.communityContentWrap .case ul li.title { width: 85% !important; float: left; padding: 0px !important; font-size: 18px; color: #444; padding-left: 10px !important; line-height: 40px; font-weight: 500; }
.communityContentWrap .case ul li.look { width: 10% !important; float: left; padding: 0px !important; text-align: center; font-size: 26px !important; color: #666; display: none !important; }
.communityContentWrap .case ul li.more { width: 10% !important; float: left; padding: 0px !important; text-align: center; font-size: 20px; color: #555; display: none !important; }
.communityContentWrap .case ul li.look.active { display: block !important; }
.communityContentWrap .case ul li.more.active { display: block !important; }
.communityContentWrap > div > div > ul > li { display: inline-block !important; width: 100%; float: left; }

/* noData */
.noData { float: left; width: 100%; }
.noData ul { float: left; width: 100%; border: 1px solid #ebebeb; padding: 50px; }
.noData ul li { float: left; width: 100%; text-align: center; color: #ccc; font-size: 20px; }


.popupWriteWrap { width: 100%; float: left; }
.popupWriteWrap table td.sub { line-height: 15px; }
.popupWriteWrap table span.small { font-size: 12px; color: #BBB; }
.popupWriteWrap img { max-width: 100%; }
.popupWriteWrap form { width: 100%; float: left; }
.popupWriteWrap .tit { width: 100%; float: left; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 6px; margin-top: 60px; }
.popupWriteWrap .tit:first-of-type { margin-top: 0; }
.popupWriteWrap .tit > i { margin-right: 5px; }
.popupWriteWrap .tit .subTit { font-size:12px; font-weight: normal; color:#999; }
.popupWriteWrap table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }

.popupWriteWrap table th { font-size: 13px; font-weight: bold; color: #333; border-bottom: 1px solid #DDD; background-color: #F8F8F8; text-align:center; vertical-align: top; padding: 13px 18px; }
.popupWriteWrap table th.important::before { content: "*"; color: #DC3333; margin-right: 2px; }
.popupWriteWrap table td { height: 56px; font-size: 13px; font-weight: 400; color: #666; border-bottom: 1px solid #DDD; padding: 10px 15px; }
.popupWriteWrap table td.tl { text-align: left; }
.popupWriteWrap table tbody > tr:last-of-type > * { border-bottom: 0; }

.popupWriteWrap > .info { width: 100%; float: left; font-size: 13px; color: #AAA; border: 3px solid #CCC; font-weight: 500; text-align: center; padding: 15px; }
.popupWriteWrap > .info i { margin-right: 5px; }

/* 데이터 목록영역 */
.popupListWrap { width: 100%; float: left; }
.popupListWrap img { max-width: 100%; }
.popupListWrap > .info { width: 100%; float: left; font-size: 15px; color: #AAA; margin-top: 40px; margin-bottom: 15px; border: 3px solid #CCC; font-weight: 500; text-align: center; padding: 15px; }
.popupListWrap > .info:first-of-type { margin-top: 0; }
.popupListWrap > .info > span { letter-spacing: -0.5px; font-weight: bold; }
.popupListWrap > table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }
.popupListWrap > .tit { width: 100%; float: left; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 6px; margin-top: 60px; }
.popupListWrap > .tit:first-of-type { margin-top: 0; }

.popupListWrap > table > thead > tr > th { font-size: 13px; font-weight: bold; color: #333; border-right: 1px solid #DDD; padding: 10px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #DDD; }
.popupListWrap > table > thead > tr > th:last-of-type { border-right: 0; }
.popupListWrap > table > thead > tr:nth-of-type(1) > th { background-color: #F3F3F3; }
.popupListWrap > table > thead > tr:nth-of-type(2) > th { background-color: #ECECEC; }
.popupListWrap > table > thead > tr:nth-of-type(2) > th.last { border-right: 1px solid #DDD; }

.popupListWrap > table > tbody > tr.rowMove { cursor: pointer; }
.popupListWrap > table > tbody > tr.rowMove:hover > td { background-color: #FBFBFB; }
.popupListWrap > table > tbody > tr > td { height: 38px; font-size: 13px; font-weight: 400; color: #666; border-bottom: 1px solid #DDD; border-right: 1px solid #EEE; text-align: center; padding: 7px; word-break: break-all; }
.popupListWrap > table > tbody > tr:last-of-type > * { border-bottom: 0; }
.popupListWrap > table > tbody > tr > td.no { color: #CCC; }
.popupListWrap > table > tbody > tr > td.tl { text-align: left; }
.popupListWrap > table > tbody > tr > td:last-of-type { border-right: 0; }

.popupListWrap > table td.stopProgram { cursor: default; }
.popupListWrap > table td.sub { line-height: 15px; }
.popupListWrap > table span.small { font-size: 12px; color: #BBB; }
.popupListWrap > table td i.click { font-size: 15px; }
.popupListWrap > table td .listMiniInfoBoxBtn { font-size: 15px; color: #DDD; }
.popupListWrap > table td .listMiniInfoBoxBtn.active { color: #DC3333; cursor: pointer; }
.popupListWrap > table td .listMiniInfoBoxWrap { position: absolute; width: 650px; min-height: 100%; top: 0; background-color: #444; border: 1px solid #333; color: #FFF; font-weight: 400; font-size: 13px; display: none; z-index: 10; }
.popupListWrap > table td .listMiniInfoBoxWrap.right { right: 100%; text-align: right; }
.popupListWrap > table td .listMiniInfoBoxWrap > p { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 10px; letter-spacing: -0.5px; }
.popupListWrap > table td .listMiniInfoBoxWrap.active { display: table; }
.popupListWrap > table td i.dbCsLogBtn { font-size: 16px; }
.popupListWrap > table td i.dbCsLogBtn.csStatusY { color: #CCC; }
.popupListWrap > table td i.dbStatusLogBtn { font-size: 16px; }
.popupListWrap > table td i.logViewBtn { font-size: 16px; cursor: pointer; }
.popupListWrap > table td span.logCntTxt { font-size: 11px; color: #AAA; letter-spacing: -0.5px; }

.popupListWrap > .dateChartWrap .today > * { background-color: #F7FFD4; font-weight: 500; color: #333; }
.popupListWrap > .dateChartWrap th.nowHour { border-top: 2px solid #DC3333; border-left: 2px solid #DC3333; border-right: 2px solid #DC3333; }
.popupListWrap > .dateChartWrap td.nowHour { border-left: 2px solid #DC3333; border-right: 2px solid #DC3333; }
.popupListWrap > .dateChartWrap tr:last-of-type > td.nowHour { border-bottom: 2px solid #DC3333; }


.listWrap { width: 100%; float: left; }
.listWrap img { max-width: 100%; }
.listWrap > .info { width: 100%; float: left; font-size: 15px; color: #AAA; margin-top: 40px; margin-bottom: 15px; border: 3px solid #CCC; font-weight: 500; text-align: center; padding: 15px; }
.listWrap > .info:first-of-type { margin-top: 0; }
.listWrap > .info > span { letter-spacing: -0.5px; font-weight: bold; }
.listWrap > table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }
.listWrap > .tit { width: 100%; float: left; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 6px; margin-top: 60px; }
.listWrap > .tit:first-of-type { margin-top: 0; }

.listWrap > table > thead > tr > th { font-size: 13px; font-weight: bold; color: #333; border-right: 1px solid #DDD; padding: 10px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #DDD; }
.listWrap > table > thead > tr > th:last-of-type { border-right: 0; }
.listWrap > table > thead > tr:nth-of-type(1) > th { background-color: #F3F3F3; }
.listWrap > table > thead > tr:nth-of-type(2) > th { background-color: #ECECEC; }
.listWrap > table > thead > tr:nth-of-type(2) > th.last { border-right: 1px solid #DDD; }

.listWrap > table > tbody > tr.rowMove { cursor: pointer; }
.listWrap > table > tbody > tr.rowMove:hover > td { background-color: #FBFBFB; }
.listWrap > table > tbody > tr > td { height: 38px; font-size: 13px; font-weight: 400; color: #666; border-bottom: 1px solid #DDD; border-right: 1px solid #EEE; text-align: center; padding: 7px; word-break: break-all; }
.listWrap > table > tbody > tr:last-of-type > * { border-bottom: 0; }
.listWrap > table > tbody > tr > td.no { color: #CCC; }
.listWrap > table > tbody > tr > td.tl { text-align: left; }
.listWrap > table > tbody > tr > td:last-of-type { border-right: 0; }

.listWrap > table td.stopProgram { cursor: default; }
.listWrap > table td.sub { line-height: 15px; }
.listWrap > table span.small { font-size: 12px; color: #BBB; }
.listWrap > table td i.click { font-size: 15px; }
.listWrap > table td .listMiniInfoBoxBtn { font-size: 15px; color: #DDD; }
.listWrap > table td .listMiniInfoBoxBtn.active { color: #DC3333; cursor: pointer; }
.listWrap > table td .listMiniInfoBoxWrap { position: absolute; width: 650px; min-height: 100%; top: 0; background-color: #444; border: 1px solid #333; color: #FFF; font-weight: 400; font-size: 13px; display: none; z-index: 10; }
.listWrap > table td .listMiniInfoBoxWrap.right { right: 100%; text-align: right; }
.listWrap > table td .listMiniInfoBoxWrap > p { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 10px; letter-spacing: -0.5px; }
.listWrap > table td .listMiniInfoBoxWrap.active { display: table; }
.listWrap > table td i.dbCsLogBtn { font-size: 16px; }
.listWrap > table td i.dbCsLogBtn.csStatusY { color: #CCC; }
.listWrap > table td i.dbStatusLogBtn { font-size: 16px; }
.listWrap > table td i.logViewBtn { font-size: 16px; cursor: pointer; }
.listWrap > table td span.logCntTxt { font-size: 11px; color: #AAA; letter-spacing: -0.5px; }

.listWrap > .dateChartWrap .today > * { background-color: #F7FFD4; font-weight: 500; color: #333; }
.listWrap > .dateChartWrap th.nowHour { border-top: 2px solid #DC3333; border-left: 2px solid #DC3333; border-right: 2px solid #DC3333; }
.listWrap > .dateChartWrap td.nowHour { border-left: 2px solid #DC3333; border-right: 2px solid #DC3333; }
.listWrap > .dateChartWrap tr:last-of-type > td.nowHour { border-bottom: 2px solid #DC3333; }

.writeWrap > .tit { width: 100%; float: left; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 6px; margin-top: 60px; }
.writeWrap > .tit:first-of-type { margin-top: 0; }

/* 데이터 간단정리표 */
.dataInfoSimpleWrap { width: 100%; float: left; border: 3px solid #DFDFDF; padding: 25px 0; margin-bottom: 35px; }
.dataInfoSimpleWrap > div { width: 100%; display: table; }
.dataInfoSimpleWrap > div > div { height: 50px; display: table-cell; vertical-align: middle; }

.dataInfoSimpleWrap .iconWrap { width: 150px; border-right: 1px solid #E1E1E1; text-align: center; }
.dataInfoSimpleWrap .iconWrap > i { color: #C8C8C8; font-size: 35px; }

.dataInfoSimpleWrap .conWrap > ul { width: 100%; float: left; }
.dataInfoSimpleWrap .conWrap > ul > li { float: left; margin-left: 40px; }
.dataInfoSimpleWrap .conWrap > ul > li > span { float: left; font-size: 17px; font-weight: bold; }
.dataInfoSimpleWrap .conWrap > ul > li > span > span { font-weight: 400; }
.dataInfoSimpleWrap .conWrap > ul > li > .label { color: #333; margin-right: 20px; }
.dataInfoSimpleWrap .conWrap > ul > li > .value { letter-spacing: -0.5px; }
 
.dataInfoSimpleWrap .btnWrap { width: 260px; border-left: 1px solid #E1E1E1; padding: 0 30px; }
.dataInfoSimpleWrap .btnWrap > * { width: 200px; height: 50px; line-height: 48px; font-size: 16px; }
.dataInfoSimpleWrap .btnWrap > *:nth-child(2) { height: 35px; line-height: 33px; font-size: 14px; margin-top: 5px; }

table { width: 100%;  table-layout: fixed; border-collapse: separate; border-spacing: 0; }
tspan { letter-spacing: -0.5px !important; }
table, tbody, tr, td, th, thead { border-collapse: collapse; table-layout: fixed; }
table, tbody, tr, td, th, thead:lang(en) {letter-spacing: 0;}
table th.important::before { content: "*"; color: #DC3333; margin-right: 2px; }
table { width: 100%; float: left; border-top: 2px solid #666; border-bottom: 1px solid #666; }
table th { font-size: 13px; font-weight: bold; color: #333; border-bottom: 1px solid #DDD; background-color: #F8F8F8; text-align: left; vertical-align: top; padding: 13px 18px; }
table td { height: 56px; font-size: 13px; font-weight: 400; color: #666; border-bottom: 1px solid #DDD; padding: 10px 15px; }
table td.tl { text-align: left; }
table tbody > tr:last-of-type > * { border-bottom: 0; }
table > thead > tr > th { font-size: 13px; font-weight: bold; color: #333; border-right: 1px solid #DDD; padding: 10px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #DDD; }
table > thead > tr > th:last-of-type { border-right: 0; }
table > thead > tr:nth-of-type(1) > th { background-color: #F3F3F3; }
table > thead > tr:nth-of-type(2) > th { background-color: #ECECEC; }
table > thead > tr:nth-of-type(2) > th.last { border-right: 1px solid #DDD; }
table > tbody > tr > td { height: 38px; font-size: 13px; font-weight: 400; color: #666; border-bottom: 1px solid #DDD; border-right: 1px solid #EEE;  padding: 7px; word-break: break-all; }
table > tbody > tr > td.no { color: #CCC; }
/* 리스트 */    

.logoutLayout {border: 1px solid #ccc; padding: 3px 20px; color: #ccc; border-radius: 50px; line-height: initial !important;}

.commentWrap { width: 100%; float: left; margin-top: 65px; }

.commentWrap > .cntWrap { width: 100%; float: left; font-weight: 500; font-size: 14px; color: #333; margin-bottom: 2px; padding: 3px; }
.commentWrap > .commentConWrap { width: 100%; float: left; padding: 15px; padding-top: 0; background-color: #F9F9F9; }
.commentWrap > .commentConWrap > form { width: 100%; float: left; padding-top: 15px; }
.commentWrap > .commentConWrap > form > textarea { width: calc(100% - 130px); height: 80px !important; float: left; resize: none; border: 1px solid #CCC; font-weight: 400; font-size: 14px; color: #333; padding: 15px; letter-spacing: -0.5px; }
.commentWrap > .commentConWrap > form > button { width: 120px; height: 80px; float: right; background-color: #FFF; color: #666; border: 1px solid #CCC; font-weight: bold; }

.commentWrap > .commentConWrap > ul { width: 100%; float: left; }
.commentWrap > .commentConWrap > ul > li { width: 100%; float: left; border-bottom: 1px solid #DDD; padding: 10px; }
.commentWrap > .commentConWrap > ul > li:first-of-type { margin-top: 15px; padding-top: 0; }

.commentWrap > .commentConWrap > ul > li > .infoWrap { width: 100%; float: left; }
.commentWrap > .commentConWrap > ul > li > .infoWrap > .name { float: left; font-size: 15px; font-weight: 500; color: #555; }
.commentWrap > .commentConWrap > ul > li > .infoWrap > .name > i { margin-right: 3px; }
.commentWrap > .commentConWrap > ul > li > .infoWrap > .date { float: left; font-size: 13px; font-weight: 400; color: #999; letter-spacing: -0.5px; margin-left: 10px; }
.commentWrap > .commentConWrap > ul > li > .infoWrap > .commentDeleteBtn { float: right; font-size: 14px; font-weight: 400; color: #DC3333; }

.commentWrap > .commentConWrap > ul > li > .conWrap { width: 100%; float: left; margin-top: 10px; font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.5px; line-height: 21px; }

.sl_tyepBox {width:100%; float:left; margin-top:5px;}
.sl_tyepBox ul {width:50%; float:left;}
/* .sl_tyepBox ul li {width:25%; float:left; padding:1% 3%; text-align: center; border:1px solid #ccc;} */
.sl_tyepBox ul li {width:25%; float:left; padding:1% 3%; text-align: center; border:1px solid #ccc; font-size:18px; border-radius: 15px;}
.sl_tyepBox ul li:not(:first-child) {margin-left:10px;}

.sl_tyepBox ul li.active { background-color: #555c66; border-color:#555c66; color:#fff;}

/* 개인정보 처리 방침 */
.tabMeun {width:100%; float:left;}
.tabMeun div {width:100%; float:left;}
.tabMeun div ul {width: 100%; float:left;}
.tabMeun div ul li {width:33.33%; float:left; }
.tabMeun div ul li span { cursor: pointer; width:auto; text-align: center; font-size:16px; font-weight: 500; padding:8px 15px; border:solid 1px #ccc; border-radius: 15px;}
.tabMeun div ul li span.active { background-color: #555c66; border-color: #555c66; color: #fff;}

.privacy_content_box {width:100%; float:left; padding: 60px 30px; }
.privacy_content_box .tit {font-size:25px; font-weight: 500; float:left; width:100%;}
.offer_privacy_content {width:100%; float:left; padding: 5px 30px; }
.offer_privacy_content ul {float:left; width:100%; }
.offer_privacy_content ul li {float:left; width:100%; }
.privacy_content_box .content_box {display: none;}
.privacy_content_box .content_box_1 {display: block;}
/* 개인정보 처리 방침 */


.access_codes {cursor: pointer;}

.cuser {cursor: pointer;}