/*  추가일 : 20190108
    생성자 : 디자인팀_신현지
    제  목 : 핀업 통합 마이페이지 CSS
    목  적 : 스탁포인트, 테마레이더, 핀업스타터 페이지에서
             같이 사용 하는 마이페이지 영역을 시작으로 CSS파일 생성
*/



/* 섹션_배너영역*/
.banner { position:relative; display:block; height:605px; margin:40px auto 0;}
.banner .main_banner_img { display:block; width:auto; height:605px; margin:0 auto; overflow:hidden; }
.banner .main_banner_img .img_banner { }
.banner .main_banner_img .img_banner li { position:relative; float:left; height:605px; display:block; overflow:hidden; }
.banner .main_banner_img .img_banner li a { display:block; width:100%; height:100%; }
.banner .main_banner_img .img_banner li a img { display:block; position:absolute; width:auto; left:50%; transform:translateX(-50%); }

.banner .banner_btn { position:absolute; top:300px; display:block; width:1400px; left:calc( 50% - 700px);}
.banner .banner_btn li { float:left; cursor:pointer; }
.banner .banner_btn li.right_btn { float:right; }

.banner .banner_btn_roll { z-index:9; position:absolute; left:calc( 50% - 50px); bottom:190px;  width:100px; height:10px;  text-align:center; overflow:hidden;}
.banner .banner_btn_roll li { float:left; width:10px; height:10px; margin-right:10px; border-radius:17px; background:#fff; cursor:pointer; }
.banner .banner_btn_roll li:last-child {margin-right:0;}
.banner .banner_btn_roll li.on {background:#ee3128;}
.banner .banner_btn_roll li .link {display:block; height:17px;} 


.banner.finup { position:relative; height:500px; }
.banner.finup .main_banner_img { height:500px; }
.banner.finup .img_banner { height:100%; }
.banner.finup .banner_btn_roll { z-index:9; display:inline-block; position:absolute; bottom:0; left:calc( 50% - 90px ); margin-bottom:15px; width:186px; height:10px; text-align:center; overflow:hidden;}
.banner.finup .banner_btn_roll li { float:left; width:57px; height:10px; margin-right:5px; border-radius:0; background:#fff; cursor:pointer; }
.banner.finup .banner_btn_roll li:last-child {margin-right:0;}
.banner.finup .banner_btn_roll li.on { background:#f47624; }


/* 핀업 메인 */
.main_tit { padding:45px 0 25px; font-size:20px; font-weight:600; color:#f47624; }
.main_service_tit { margin:20px 0 50px; font-size:30px; line-height:40px;}
.main_service_tit small { font-size:20px; font-weight:normal;}
.finup_join_link { display:inline-block; width:167px; height:45px; line-height:42px; text-align:center; border:1px solid #f47624; color:#f47624; background-color:#fff; font-size:16px; font-weight:500; }
.finup_join_link small { position:relative; height:45px; top:-2px; font-size:10px;}

.total_service_warp { height:720px; background-image: url('/images/Subpage/totalservice_img.png'); background-size:32%; background-position:right 20px; background-repeat:no-repeat;}
.service_tab { width:100%; margin-top:100px; }
.service_tab>li { float:left; width:400px; height:97px; padding:0 30px; border:1px solid #fff; border-right:0; }
.service_tab>li:hover { border:1px solid #f47624; border-right:1px solid #f47624; }
.service_tab li .service_tab_cont { width:100%; height:100%;}
.service_tab li .service_tab_cont li { float:left; cursor:pointer; }
.service_tab li .service_tab_cont .img { width:97px; height:100%; padding:12.5px 0; }
.service_tab li .service_tab_cont .img img { display:block; margin:0 auto; }
.service_tab li .service_tab_cont .txt { width:220px; padding-top:15px; font-size:14px; color:#888888; line-height:17px;}
.service_tab li .service_tab_cont .txt .colr_tit { font-size:18px; color:#f47624; line-height:30px;}
.service_tab li .service_tab_cont .btn { width:20px; line-height:97px;font-size:18px; }
.service_tab li .service_tab_cont .btn .im { color:#cecece; }
.service_tab>li:hover .service_tab_cont .btn .im { color:#f47624; }

.our_site_warp { height:340px; margin-bottom:70px; } 
.site_tab>li { float:left; width:393px; height:252px; margin-right:7px; background-color:#fff; }
.site_tab li:last-child { margin-right:0; }
.site_tab li .bg { height:140px; padding-top:30px; background-color:#f4f3f6; text-align:center; font-size:18px; color:#666; }
.site_tab li .bg .logo { display:block; width:270px; height:71px; margin:20px auto 0; padding:20px 0; background-color:#fff; }
.site_tab li .bg .logo img { display:block; margin:0 auto; }
.site_tab li .site_tab_cont { width:100%; padding-top:15px; text-align:center; font-size:18px; color:#666; }
.site_tab li .site_tab_cont ol { display:inline-block; margin:5px auto 0; height:53px; }
.site_tab li .site_tab_cont ol li { float:left; width:68px; height:100%; border:1px solid #ddd; border-right:0; }
.site_tab li .site_tab_cont ol li:last-child { border-right:1px solid #ddd; }
.site_tab li .site_tab_cont ol li a { display:block; width:100%; height:100%; }
.site_tab li .site_tab_cont ol li a img { display:block; margin:0 auto; }

.notice_warp .notice_cont { width:100%; height:55px; overflow:hidden; } 
.notice_warp .notice_cont li { float:left; }
.notice_warp .notice_cont li.tit { width:135px; line-height:55px; background-color:#222; text-align:center; font-size:20px; color:#fff; font-weight:600; }
.notice_warp .notice_cont li.txt { width:1065px; padding:0 25px; line-height:55px; background-color:#f8f8f8; }
.notice_warp .notice_cont li.txt .site { margin-right:10px; color:#f25c37; }
.notice_warp .notice_cont li.txt p { float:left;  display:inline-block; width:840px; font-size:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; }
.notice_warp .notice_cont li.txt .data { float:left; display:inline-block; width:150px; padding:0 25px;}
.notice_warp .notice_cont li.txt .im { line-height:55px; }

.footer_wrap.finup { margin-top:0;}


/*핀업 통합로그인*/ 
.finup_login { padding:90px; background-color:#fff; }
.finup_login .finup_logo { float:left; }
.finup_login .tit { float:left; display:inline-block; margin-left:5px; color:#2e2e72; font-size:35px; line-height:40px;  }
.finup_login .noti { clear:both; display:block; padding-top:20px; font-size:16px; line-height:22px; }
.finup_login .noti small { font-size:14px; color:#999; }

.finup_login .login_division { margin-top:40px; }
.finup_login .login_division>li { float: left; }
.finup_login .login_division>li:first-child { width:420px; margin-right:10px; }
.finup_login .login_division>li:last-child { width:auto; }

.finup_login .login_box li { float:left; } 
.finup_login .login_box li:first-child { width:307px; margin-right:10px;}
.finup_login .login_box li:first-child .inputbtn_text { width:305px; height:45px; margin-bottom:10px; padding:0 15px; line-height:45px; border:1px solid #ddd; }
.finup_login .login_box li:last-child .inputbtn_submit { width:100px; height:100px; border-radius:5px; color:#fff; background:#2e2e72; font-size:18px; border:0; }
.finup_login .login_box::after { content:""; clear:both; display:block; }
.finup_login .login_btn { font-size:15px;}
.finup_login .login_btn .checkbox_or { background-color:#fff; border:1px solid #f25c37; border-radius:5px; margin-right:5px; vertical-align:middle; }
.finup_login .login_btn span { float:right; color:#999; }
.finup_login .login_btn span a { margin:0 5px;}
.finup_login .bottom_img_benner { margin-top:30px; width:820px; height:auto;}

.sns_connect li { float:left; margin-right:13px; }
.sns_connect li:last-child { margin-right:0; }
.sns_connect li .connect_time { margin-top:3px; text-align:center; font-size:13px; color:#999; }
.sns_connect::after { content:""; display:block; clear:both; }
.sns_connect .sns_logo { display: inline-block; width: 120px; height:100px; padding:20px 15px; line-height:47px; border-radius:8px; border: 1px solid #ddd; background:linear-gradient(to bottom,#fff,#f7f7f7); font-size: 12px; color: #222; text-shadow:0 1px 0 #fff; vertical-align: middle; cursor:pointer; }
.sns_connect .sns_logo.gr { background:#eee; }
.sns_connect .sns_logo img { display:block; margin:0 auto; }
.sns_connect .sns_logo .naver_txt { display: block;  width: 65px; height: 20px; margin: 10px auto 0 auto; text-align: center; vertical-align: middle; text-shadow:none;  box-sizing: border-box;   border-radius: 50px;   background: #03bd54;   color: #fff;   line-height: 20px;  font-size: 13px; font-family:Dotum;}
.sns_connect .sns_logo .facebook { background:#3a5897; }
.sns_connect .sns_logo .google { background:#faa600;}
.sns_connect .sns_logo .gr { background:#ccc;}


/*회원가입*/
.navigation .sns_connect { float:right; }
.navigation .sns_connect li { float:left; margin-right:13px; }
.navigation .sns_connect li:last-child { margin-right:0; }
.navigation .sns_connect li .connect_time { margin-top:3px; text-align:center; font-size:13px; color:#999; }
.navigation .sns_connect::after { content:""; display:block; clear:both; }
.navigation .sns_connect .sns_logo { display: inline-block; width: 120px; height:50px; padding:15px; line-height:47px; border-radius:8px; border: 1px solid #ddd; background:linear-gradient(to bottom,#fff,#f7f7f7); font-size: 12px; color: #222; text-shadow:0 1px 0 #fff; vertical-align: middle; }
.navigation .sns_connect .sns_logo.gr { background:#eee; }
.navigation .sns_connect .sns_logo img { display:block; margin:0 auto; }
.navigation .sns_connect .sns_logo .naver_txt { display: block;  width: 65px; height: 20px; margin: 10px auto 0 auto; text-align: center; vertical-align: middle; text-shadow:none;  box-sizing: border-box;   border-radius: 50px;   background: #03bd54;   color: #fff;   line-height: 20px;  font-size: 13px; font-family:Dotum;}
.navigation .sns_connect .sns_logo .facebook { background:#3a5897; }
.navigation .sns_connect .sns_logo .google { background:#faa600;}
.navigation .sns_connect .sns_logo .gr { background:#ccc;}
.navigation .member_banner { clear:both; position:relative; padding-top:20px; margin-bottom:-50px; }
.navigation .member_banner img { display:block;  z-index:1; }
.navigation .member_banner .benefit_but { display:block; position:absolute; left:25px; bottom:0; width:280px; height:50px; background:#999; opacity:0; z-index:3; }

.signup_warp .chk_box { width:940px; padding:20px 115px; margin-left:0!important; border-top: 2px solid #f25b36;  }
.signup_warp .chk_box .agreement { display:block; width:228px; height:30px; vertical-align:middle; }
.signup_warp .chk_box .agreement:last-child { margin-right:0; }
.signup_warp .chk_box .agreement label { margin-left:5px; font-size:15px; }
.signup_warp .chk_box .agreement label a { margin-left:5px; padding-bottom:3px; text-decoration:underline; color:#999; font-size:13px; }
.signup_warp .chk_box .agreement label.colr_or { font-weight:500;}

.signup_warp .infomodify_btn { margin:50px 0; }
.signup_warp .infomodify_btn .search_submit { width:250px; height:50px; border-radius:25px;}

/*sns 회원가입*/
.signup_warp .sub_tit { font-size:23px; font-weight:normal; }
.sns_Interlock { margin:20px 0; font-size:14px; line-height:22px; }
.sns_Interlock .Interlock_guide { display:inline-block; width:940px;  padding:25px; background-color:#f8f8f8;  }
.sns_Interlock .Interlock_guide li { float:left;}
.sns_Interlock .Interlock_guide li p.noti_txt { font-weight:bold; font-size:17px; margin-bottom:15px;}
.sns_Interlock .Interlock_guide li:last-child { margin-right:20px; float:right;}
.sns_Interlock .Interlock_guide li a.Interlock_btn_over { display:inline-block; width:140px; height:40px; line-height:40px; font-weight:bold; font-size:14px;  text-align:center; color:#fff; border-radius:8px; background: linear-gradient(to bottom,#ff7a00,#ff6000); }
.sns_Interlock .Interlock_guide li a.Interlock_btn_over.offcolor { background:linear-gradient(to bottom,#3f3f3f,#0f0f0f); }
.sns_Interlock .Interlock_guide li a .im { color:inherit; font-size:12px; vertical-align:middle;}
.infomodify_wrap .maketing_agree { width:940px!important; margin-left:0!important; }
/*.infomodify_wrap .chk_box { padding:20px 0!important; }*/
/*회원가입 완료*/
.join_box { padding:10px 0; margin-bottom:40px; padding-top:30px; overflow:hidden; color:#0d3434; clear:both; }
.join_box .sub_tit { text-align:center; font-size:23px; font-weight:normal;}
.join_box .sub_tit_sub { margin:30px 0; padding:30px 0; text-align:center; font-size:17px; background-color:#f8f8f8; font-weight:normal; } 
.join_box .join_benefit { position:relative; display:block; width:940px; font-family:NanumSquareRoundR; }
.join_box .join_benefit h4.tit { font-size:28px; text-align:left; margin-bottom:15px; color:#000; }
.join_box .join_benefit ul { width:100%; display:inline-block; left:20px; }
.join_box .join_benefit ul::after { clear:both; }
.join_box .join_benefit ul li.benefit_box { float:left; position:relative; width:calc(33.3333% - 20px); margin-right:30px; border:1px solid #222; }
.join_box .join_benefit ul li:last-child { margin-right:0; }
.join_box .join_benefit ul li.benefit_box p.title_s { font-size:17px; font-weight:500; }
.join_box .join_benefit ul li.benefit_box .title_cont { padding:30px 20px; font-size:15px; text-align:left; line-height:25px;}
.join_box .join_benefit ul li.benefit_box .title_cont .line_h { line-height:40px; }
.join_box .join_benefit ul li.benefit_box .title_big { display:block; margin-bottom:28px; font-size:22px; font-weight:500; }
.join_box .join_benefit ul li.benefit_box .benefit_btn { display:block; width:100%; height:52px; text-align:center; line-height:52px; }
.join_box .join_benefit ul li .benefit_btn{ bottom:0; text-align:center; color:#fff; background: #222; }
.join_box .infomodify_btn .gra_grey { margin-top:30px; color:#222; width:100%; height:50px; font-size:18px; }
.join_box .join_benefit_noti { font-size:12px;  text-align:right; margin-bottom:10px; font-weight:normal; line-height:30px; color:#666;}

.join_sub { width:100%;}
.join_sub b {display:block; font-weight:500; font-size:17px; }

/* 아이디/비밀번호 찾기 */
.sub_tab { width:100%; height:50px; font-size:18px; line-height:50px; } 
.sub_tab li { float:left; width:50%; border:1px solid #ddd; text-align:center; }
.sub_tab li:last-child { border-left:0; }
.sub_bottom_noti { width:940px; text-align:center; }
.sub_bottom_noti h5 { margin:30px 0; background-color:#f8f8f8; height:50px; font-size:18px; line-height:50px; font-weight:normal; }
.sub_bottom_noti h6 { margin:25px 0; padding:10px 0; background-color:#f8f8f8; font-size:15px; line-height:25px; font-weight:normal; }
.sub_bottom_noti p { font-size:15px; line-height:25px; }

/* 마이페이지_공통영역 */
.body_warp { position:relative; width:1200px; margin:170px auto 0!important; }
.body_warp>div { float:left; margin-bottom:50px; }

/* 마이페이지_left 네비 영역*/
.left_gnb { position:relative; width:240px; margin-right:20px; }
.left_gnb li { cursor:pointer; }
.left_gnb .member_info { border:1px solid #ddd; padding:20px; }
.left_gnb .member_info:before { content:""; display:block; position:absolute; top:0; left:0; width:240px; height:5px; background-image:linear-gradient(to right, #f47326 0%, #ef4348 100%); }
.left_gnb .member_info::after { content:""; display:block; clear:both;}
.left_gnb .member_info .display_member { height:235px; border-bottom:1px solid #ddd; text-align:center; }
.left_gnb .member_info .display_member .platiunm { position:absolute; height:20px; line-height:20px; }
.left_gnb .member_info .display_member .platiunm img { float:left; display:inline-block; width:71px; height:auto; }
.left_gnb .member_info .display_member .platiunm .info { font-size:12px; color:#999; vertical-align:text-top; } 
.left_gnb .member_info .display_member .name { padding-top:50px; font-size:18px; }
.left_gnb .member_info .display_member .point { margin-top:15px; width:200px; height:50px; line-height:50px; background-color:#ffede2; border-radius:10px; font-size:25px; color:#e8373d; letter-spacing:-1px; }
.left_gnb .member_info .display_member .point_charge { display:block; margin-top:20px; font-size:14px; color:#222; }
.left_gnb .member_info .display_count { padding-top:30px; padding-bottom:10px; }
.left_gnb .member_info .display_count ol li { float:left;}
.body_warp::after { content:""; display:block; clear:both;}
.left_gnb .member_info .display_count ol li { width:45px; margin:0 20px; font-size:16px; line-height:25px; text-align:center; }
.left_gnb .member_info .display_count ol li.notice { float:right; }
.left_gnb .member_info .display_count ol li strong { display:block; font-size:25px; }
.left_gnb .service_lnb li { height:60px; padding-left:20px; line-height:60px; font-size:16px; border:1px solid #ddd; border-bottom:0; }
.left_gnb .service_lnb li:last-child { border-bottom:1px solid #ddd;}
.left_gnb .service_lnb li.active { background-image:linear-gradient(to right, #f47326 0%, #ef4348 100%); color:#fff; border:0;}
.left_gnb .service_lnb li.active .im { float:right; padding-right:20px; line-height:55px; color:#fff; font-size:16px; }
.left_gnb .service_lnb.service { margin-top:40px; }
.left_gnb .service_lnb.service li { font-weight:500; }
.left_gnb .service_lnb.mypage { margin-top:10px; }
.left_gnb .lnb_banner { margin-top:40px; }
.left_gnb .lnb_banner img { width:240px; height:auto; }

/* 마이페이지_right 컨텐츠 영역 */

.right_contents { width:940px; }
.right_contents .sub_tab li { float:left; width:33.333%; height:50px; border:1px solid #ddd; border-right:0; cursor:pointer; font-size:18px; text-align:center; line-height:50px; background-color:#fff; }
.right_contents .sub_tab li:last-child { border-right:1px solid #ddd; } 
.right_contents .sub_tab li.active { border:0; background-color:#f25c37; color:#fff; font-weight:bold; }
.right_contents .sub_tab::after { content:""; display:block; clear:both;}
.right_contents .search_box .flexible_area .inputbtn_style {margin-bottom:10px !important;}

.right_contents.themerader .sub_tab li { width:100%; }
.right_contents .cm_btn_appraisal { float:left; position:relative; top:-6px; width:120px; }

.contents_sub_tab { margin:15px 0; height:15px; }
.contents_sub_tab.style_point{ margin:20px 0;}
.contents_sub_tab li { float:left; padding:0 20px; height:15px; line-height:15px; cursor:pointer; font-size:15px; color:#999; }
.contents_sub_tab li:last-child { border-right:0; }
.contents_sub_tab li.on { color:#222; font-weight:500; cursor:pointer; }

/* 프리미엄 추천종목_현재 My멘토 */
.right_contents .premiumstock_my { display:block; width:100%; padding:10px 20px; margin:10px 0 30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; clear:both; overflow:hidden; }
.right_contents .premiumstock_my .cm_subtit { display:inline-block; float:left; margin-right:20px; }
.right_contents .premiumstock_my .wrap { display:inline-block; float:left; }
.right_contents .premiumstock_my .cm_mentor_name { margin-right:20px; }
.right_contents .premiumstock_my .cm_mentor_name:last-child { margin-right:0; }

.vip_notice { height:40px; padding:0 20px; line-height:40px; font-size:14px; color:#999; }

/*마이페이지_right_Vip종목 알리미_추천종목*/
.my_Pakagevip .list_nomal { padding:20px 0; font-size:16px; color:#333;  text-align:center;}
.my_Pakagevip .ored { color:#ff4e00; }
.my_Pakagevip .blue { color:#0056e9; }
.my_Pakagevip .dred { color:#9e0000; }
.my_Pakagevip .red { color:#ee0c00; }
.my_Pakagevip .gray { color:#768491; }
.my_Pakagevip .orange { color:#ff7a00 }
.my_Pakagevip .green{ color:#3fa098; }
.my_Pakagevip .sky { color:#22b0d9; }
.my_Pakagevip .Pakagevip_notification { width:940px; }
.my_Pakagevip .Pakagevip_notification .my_Pakagevip_noti { line-height:30px; vertical-align:middle; color:#69727a; font-size:12px; }
.my_Pakagevip .Pakagevip_notification .notification { display:inline-block; width:458px; margin:0 20px 20px 0; border:1px solid #ddd; /*box-shadow: 0 2px 2px #ebedee;*/ }
.my_Pakagevip .Pakagevip_notification .notification:nth-of-type(2n) { margin-right:0; }
.my_Pakagevip .Pakagevip_notification .notification h4 { height:45px; padding:0 10px; line-height:45px; vertical-align:middle; background:#768491; font-size:16.5px; color:#fff; font-weight:500; }
.my_Pakagevip .Pakagevip_notification .notification h4 span { display:inline-block; height:25px; margin-bottom:2px; padding:0 7px; background:#f3f3f3; border-radius:25px;line-height:24px; vertical-align:middle; font-size:15px; }
.my_Pakagevip .Pakagevip_notification .notification h4 span b { margin-bottom:10px; font-size:17px; color:inherit;}
.my_Pakagevip .Pakagevip_notification .notification ._conbox { margin:15px 15px 0 15px; padding:10px 15px; border:1px solid #ddd; }
.my_Pakagevip .Pakagevip_notification .notification ._conbox .m_name { position:relative; height:30px; padding-bottom:5px; margin-bottom:5px; line-height:30px; vertical-align:middle; border-bottom:1px dashed #ddd; font-size:16px; color:#ff6500; }
.my_Pakagevip .Pakagevip_notification .notification ._conbox .m_name .as_btn { display:block; position:absolute; right:0; top:-4px; padding:0 7px; line-height:25px; vertical-align:middle; border:1px solid #dc1a10; border-radius:3px; text-align:center; color:#dc1a10; font-size:14px; background:#fff; cursor:pointer;}
.my_Pakagevip .Pakagevip_notification .notification ._conbox li { line-height:25px; vertical-align:middle; font-size:14px; color:#999;}
.my_Pakagevip .Pakagevip_notification .notification ._conbox li:nth-child(2) { color:#000; }
.my_Pakagevip .Pakagevip_notification .notification ._conbox li.dred { color:#9e0000; font-weight:bold;}
.my_Pakagevip .Pakagevip_notification .notification ._conbox li span { color:#9e0000; font-weight:bold;}
.my_Pakagevip .Pakagevip_notification .notification ._condate { margin-right:15px; height:20px; line-height:34px; vertical-align:middle; text-align:right; font-size:12px; color:#666; letter-spacing:0;}
.my_Pakagevip .Pakagevip_notification .notification ._condate i { margin-right:3px;  font-size:15px; vertical-align:middle; color:#666;}
/*매수기회 불충분*/
.my_Pakagevip .Pakagevip_notification .notification ._condate .insufficient { display: inline-block; float: left; margin: 7px 15px; height: 20px; line-height:21px; border-radius: 3px; box-sizing:border-box; padding: 0 10px; font-size: 11px; color: #fff; background: #9ba0a4; background: linear-gradient( to bottom, #a7abaf ,#92979c); }

/*마이페이지_right_Vip종목 알리미_매매전략*/
.alarm_noti { padding:10px 0; margin-top:-10px; font-size:12px; color:#222; text-align:right; }
.alarm_list { overflow:hidden;}
.alarm_list li { margin-bottom:10px; border:1px solid #ddd; }
.alarm_list li:last-child { margin-bottom:0; }
.alarm_list li .cont { padding:14px; line-height:23px; font-size:14px; color:#999; }
.alarm_list li .cont span { display:inline-block; width:18px; height:18px; border-radius:3px; background:#fe8900; line-height:18px; font-size:12px; font-weight:bold; color:#fff; text-align:center; margin-right:2px; }
.alarm_list li .date { padding-right:15px; border-top:1px solid #ddd; background:#fbfcfd; text-align:right; line-height:29px; vertical-align:middle; font-size:12px; color:#666;}
.alarm_list li .date  i { margin-right:3px; font-size:14px; vertical-align:middle; color:#666;}

/*마이페이지_회원정보*/
.right_contents.profilelogin .navigation { margin-bottom:20px; }
.profilelogin_noti { font-size:16px; line-height:22px; padding-bottom:20px; }
.password_chk_box { margin-top:100px; text-align:center; }
.password_chk_box .password_input { width:400px; height:45px; margin-right:5px; padding:0 15px; font-size:15px; border:1px solid #ddd; }
.password_chk_box .password_submit { width:140px; height:45px; border-radius:5px; color:#fff; border:0; font-size:15px; cursor:pointer;
    background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -o-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f25b36), to(#e74a23)); 
    background-image: linear-gradient(to bottom,#f25b36,#e74a23);}
.password_chk_box .password_submit .im { margin-bottom:2px; margin-right:3px; padding-bottom:2px; color:inherit; font-size:13px; vertical-align:middle;}
.password_chk_box .password_chk_noti { margin-top:12px; font-size:13px; color:#999;}


/*마이페이지_내정보관리 */
.infomodify_wrap { padding: 50px 0; }
.infomodify_wrap .infomodify_title { display:inline-block; margin-left:110px; margin-bottom:20px; border-bottom:1px solid #222; font-size:22px;}
.infomodify_wrap .infomodify_phonenumber { width:122px; height: 45px; line-height:45px; padding:0 20px; border: 1px solid #ddd; color: #222; font-size: 15px; vertical-align: middle;  }
.infomodify_wrap .infomodify_text { position:relative; width:400px; height: 45px; line-height:45px; padding:0 20px; border: 1px solid #ddd; color: #222; font-size: 15px; vertical-align: middle;  }
.infomodify_wrap .infomodify_text.infomodify_text_wide { width:552px;}
.infomodify_wrap .warning { float:right; margin-right:35px; font-size:13px; color:#f25c37; text-align:right; }
.infomodify_wrap .pass { float:right; margin-right:35px; font-size:13px; color:#1e489f; text-align:right; }
.infomodify_wrap .infomodify_text.number { width:262px; }
.infomodify_wrap .infomodify_phonenumber::-ms-expand { display:none;}
.infomodify_wrap .infomodify_phonenumber::-webkit-expand { display:none;}
.infomodify_wrap .infomodify_submit.infomodify_resend { width:78px; background:#eee; border:1px solid #ddd; vertical-align: middle; font-size:15px; font-weight: bold; color:#555;}
.infomodify_wrap .infomodify_submit { display: inline-block; width: 140px; height:45px; line-height:45px; margin-left: 10px; font-size: 15px; color: #222; border-radius:5px; vertical-align: top; }
.infomodify_wrap .timer { display:inline-block; width:35px; margin-left:10px; font-size:15px; text-align:center; }
.infomodify_wrap table { width:770px; margin-left:110px; } 
.infomodify_wrap table tr th { width:170px; padding:12px 0 11px; vertical-align:text-top; text-align: left; font-size: 17px; line-height: 30px; color: #333; font-weight: normal; }
.infomodify_wrap table tr th .maketing_link { font-size:13px; color:#999; text-decoration:underline; }
.infomodify_wrap table tr td { position:relative; width:550px; padding:12px 0 11px; line-height: 30px; font-family: NanumGothic; font-size: 14px; color: #666; vertical-align: middle;  }
.infomodify_wrap table tr td.nickname { font-weight: 500; color: #ff7a00; }
.infomodify_wrap table tr td .table_noti { font-size:13px; color:#999; }
.infomodify_wrap table tr td .sns_connect li { float:left; margin-right:13px; }
.infomodify_wrap table tr td .sns_connect li:last-child { margin-right:0; }
.infomodify_wrap table tr td .sns_connect li .connect_time { margin-top:3px; text-align:center; font-size:13px; color:#999; }
.infomodify_wrap table tr td .sns_connect::after { content:""; display:block; clear:both; }
.infomodify_wrap table tr td .sns_logo { display: inline-block; width: 175px; height:95px; padding:20px; line-height:47px; border-radius:8px; border: 1px solid #ddd; background:linear-gradient(to bottom,#fff,#f7f7f7); font-size: 12px; color: #222; text-shadow:0 1px 0 #fff; vertical-align: middle; cursor: pointer; }
.infomodify_wrap table tr td .sns_logo.gr { background:#eee; }
.infomodify_wrap table tr td .sns_logo img { display:block; margin:0 auto; }
.infomodify_wrap table tr td .sns_logo .naver_txt { display: block;  width: 65px; height: 20px; margin: 10px auto 0 auto; text-align: center; vertical-align: middle; text-shadow:none;  box-sizing: border-box;   border-radius: 50px;   background: #03bd54;   color: #fff;   line-height: 20px;  font-size: 13px; font-family:Dotum;}
.infomodify_wrap table tr td .sns_logo .facebook { background:#3a5897; }
.infomodify_wrap table tr td .sns_logo .google { background:#faa600;}
.infomodify_wrap table tr td .sns_logo .gr { background:#ccc;}
.infomodify_wrap table tr td .chkbox { line-height:30px; font-size:14px; color:#666; vertical-align:middle; }
.infomodify_wrap table tr td .chkbox .agreement { margin-right:20px; }
.infomodify_wrap table tr td .chkbox .agreement input[type=checkbox] { margin-right:10px;}
/*마이페이지_내정보관리_SMS,마케팅 수신동의*/
.infomodify_wrap .radio .agreement { margin-right:20px;}
.infomodify_wrap .radio input[type=radio] { width:12px; height: 12px; background:#fff; margin-right: 10px; vertical-align: middle; }
.infomodify_wrap .radio label { vertical-align: middle; margin-right: 13px; }
.infomodify_wrap .chk_box .agreement {  margin-right:20px;}
.infomodify_wrap .chk_box input[type=checkbox] { width:12px; height: 12px; background:#fff; margin-right: 10px; vertical-align: middle; }
.infomodify_wrap .chk_box label { vertical-align: middle; margin-right: 13px; }
.infomodify_wrap table tr td .sms_agree { margin-top:10px; font-size:13px; color:#999; line-height:20px; }
.infomodify_btn { display: block; text-align:center; }
.infomodify_btn .search_submit { width:200px; height:40px; line-height:40px; border-radius:5px; border:0; font-size:18px; }
.infomodify_btn .search_submit .im { margin-right:7px; padding-bottom:2px; color:inherit; font-size:16px; vertical-align:middle;}
/*마이페이지_내정보관리_선택정보 입력*/

.infomodify_wrap table tr td .infomodify_text.sel_age { width:100px; }
.slelect_info_warp { background-color:#f8f8f8; }
.slelect_info_warp>li { margin-left:110px; width:780px; line-height:51px; font-size:17px;  }
.slelect_info_warp li.title_spread { height:51px; }
.slelect_info_warp li.slelect_info { display:none; border-top:1px solid #222; /*padding:15px 0;*/ }
.slelect_info_warp li .btn_folding_spread { float:right; }
.slelect_info_warp li .btn_folding_spread .icon_box { display:inline-block; width:20px; height:20px; margin-left:44px; text-align:center; line-height:20px; background-color:#dddddd; }
.slelect_info_warp li .btn_folding_spread .icon_box .im { font-size:12px; }
.slelect_info_warp .inputbtn_style.search_day { position:relative; width:245px; margin-bottom:0; margin-right:0;  height:45px; padding-right:30px; }
.slelect_info_warp .search_calendar { position:absolute; width:20px; height:20px; top:23px; left:216px; border:0; background:0; background-image: url('/images/Common/calendar.png'); background-repeat:no-repeat; background-position:center center; }

.slelect_info_warp li .sel_age li { float:left; width:69.2px; height:45px;line-height:45px; background-color:#fff; border:1px solid #ddd; border-right:0; text-align:center; font-size:14px; cursor:pointer;}
.slelect_info_warp li .sel_age li:last-child { border-right:1px solid #ddd; }
.slelect_info_warp li .sel_age li.active { border:0; background-color:#f25c37; color:#fff; }
.slelect_info_warp li table { margin-left:0; }
.slelect_info_warp li table .radio { display:inline-block; float:left;}
.slelect_info_warp li table .adress .infomodify_text, .slelect_info li table .adress .infomodify_submit { margin-bottom:10px;}
.slelect_info_warp li table .adress .infomodify_text.mb0 { margin-bottom:0!important; } 
.slelect_info_warp li .check { margin-right:10px; }
.slelect_info_warp li .infomodify_btn { padding:20px 0 30px 0; margin-left:-58px; }
/*마이페이지_회원관리_탈퇴안내*/
.secession_txt_warp { margin-left:110px; padding-bottom:25px; font-size:16px; }
.secession_txt_warp .p1 { margin-bottom:30px; }
.secession_txt_warp .p2 { margin-bottom:20px; font-size:20px; }
.secession_txt_warp .p3 { font-size:14px; color:#999; line-height:22px; }
.slelect_info_warp { margin:20px 0; background-color:#f8f8f8;}
.slelect_info_warp>li { margin-left:110px; width:780px; line-height:51px; font-size:17px;  }
.slelect_info_warp li.title_spread { height:51px; cursor:pointer; }
.secession_link { margin-top:50px; text-align:right; }
.secession_link a { font-size:11px; color:#999; }
.secession_link a:hover { text-decoration:underline; }

.secession_warp .infomodify_title { margin-top:50px; }
.secession_warp table { margin-top:20px;  }
.secession_warp table.m_style { margin-top:0!important; margin-bottom:50px;}
.secession_warp .radio { margin-left:110px; }
.secession_warp .infomodify_text.infomodify_text_full { width:731px; margin-right:110px; margin:20px 0; padding:5px 20px; height:110px; word-break:break-all; word-wrap:break-word; color:#999; }
.secession_noti { position:absolute; margin-left:10px; line-height:60px; font-size:13px; }

/*마이페이지_1:1 문의내역*/
.question_warp .search_title { width:400px; height:40px; padding:0 50px 0 15px; cursor:text; }
.question_warp .search_icon { position:relative; left:-40px; vertical-align:middle; border:0; background:0; cursor:pointer; }
.question_warp .search_icon .im{ font-size:17px; color:#666; }
.question_warp .question_write { float:right; display:inline-block; width:140px; height:40px; line-height:40px; border-radius:5px; text-align:center; font-size:18px; }

.list_view { margin-top:20px; width: 100%; background-color:#fff; }
.list_view td { text-align:center; }
.list_view thead tr { height:50px; border-top:2px solid #f25c37; background-color:#f8f8f8; border-bottom:1px solid #ddd; }
.list_view thead tr td { padding:0; }
.list_view thead tr td:first-child { padding-left:20px;}
.list_view tbody tr { border-bottom:1px solid #ddd; font-size:15px; cursor:pointer; }
.list_view tr td.type { width:250px; text-align:left;  }
.list_view tr td.title { display: inline-flex; display: -webkit-box;  height: 50px; line-height:50px; text-align:left; font-weight:500; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.list_view tr td.data {  color:#666; font-size:13px; } 
.answer_seq { display:block; width:66px; height:24px; margin:0 auto; font-size:13px; line-height:24px; text-align:center; }
.answer_seq.waiting { background-color:#ddd; }
.answer_seq.answer_finish { background-color:#ffede2; }

/*마이페이지_1:1문의내역_답변*/
.list_write_view { border:1px solid #ddd; background-color:#fff; }
.list_answer_view .br_r {  border-right:1px solid #ddd; }
.list_answer_view .answer_finish { text-align:center; box-sizing:border-box; }
.list_answer_view .answer_data { padding:0 15px; text-align:right; font-size:13px; color:#666; border-right:1px solid #ddd; box-sizing:border-box; }
.list_write_view thead tr { background-color:#fff; }
.list_write_view .title_view { font-weight:500; text-align:left; }
.list_view .contents_txt { padding:20px; text-align:left; line-height:22px; cursor:default!important; }
.list_view .contents_txt img { max-width:500px; height:auto; }
.list_view .add_file { height:44px; background-color:#f7f7f7; font-size:13px!important; cursor:default!important;  }
.list_view td.add_file_tit { border-right:1px solid #ddd; text-align:center; }
.list_view td.add_file_tit .im { font-size:11px; }
.list_view td.add_file_name { padding:0 20px; text-align:left; text-decoration:underline; color:#2b2bd8; }
.list_view td.add_file_name a { color:inherit; cursor:pointer;}
.link_list { float:right; display:inline-block; width:80px; height:30px; margin-top:10px; border-radius:3px; line-height:26px; text-align:center; font-size:14px; }

/*마이페이지_문의하기*/
.question_write_warp { margin:50px 0!important; width:940px!important; }
.question_write_warp .infomodify_text { width:940px; height:45px; margin-bottom:10px; padding:0 20px; border:1px solid #ddd; font-size:15px; }
.question_write_warp .infomodify_text.pr0 { padding-right:0;}
.question_write_warp tr { border:0;}
.question_write_warp tr.id th { width:170px; font-size:17px; font-weight:normal; text-align:left; }
.question_write_warp tr.id td { width:770px;  }
.question_write_warp tr.id .infomodify_text { width:770px; background-color:#ddd; font-size:15px; color:#666; border:0; }
.question_write_warp tr.contents_txt td { border:1px solid #ddd; background-color:#fff; cursor:default!important; }
.question_write_warp tr.contents_txt .infomodify_text { padding:20px; width:940px; height:300px; margin-bottom:0; border:0; cursor:text!important; }
.question_write_warp .add_file { width:120px; height:44px; background-color:#f7f7f7; border:1px solid #ddd; border-top:0; font-size:13px; }
.question_write_warp td.add_file_tit { border-right:1px solid #ddd; text-align:center; }
.question_write_warp td.add_file_tit .im { font-size:11px; }
.question_write_warp td.add_file_name { padding:0 20px; text-align:left; text-decoration:underline; color:#2b2bd8; }
.question_write_warp td.add_file_name a { color:inherit; cursor:pointer!important; }
.question_write_warp td .table_noti { padding-top:5px; text-align:right; font-size:13px; color:#999; }

/*고객센터*/
.service_center_tab { width:800px; margin-right:10px; margin-bottom:30px; float:left; } 
.service_center_tab li { float:left; width:266px; height:150px; padding:35px 0 30px 0; vertical-align:text-bottom; border:1px solid #ddd; border-right:0; line-height:36px; text-align:center; font-size:18px; font-weight:500; cursor:pointer; }
.service_center_tab li:last-child { border-right:1px solid #ddd; }
.service_center_tab li img { display:block; margin:0 auto; }

.service_center_box { float:right; width:390px; height:150px; padding:35px 30px; background-color:#ffede2; }
.service_center_box li { float:left; }
.service_center_box li h4 { padding-bottom:13px; font-size:23px; line-height:23px; }
.service_center_box li p { font-size:17px; color:#666; line-height:22px; }
.service_center_box li.img { float:right; }
/*고객센터 _자주묻는질문*/
.faq_service_tab { clear:both; width:100%; height:50px; }
.faq_service_tab li { float:left; width:25%; height:100%; line-height:50px; border:1px solid #ddd; border-right:0; text-align:center; font-size:18px; cursor:pointer; }
.faq_service_tab li:last-child { border-right:1px solid #ddd; }
.faq_service_tab::after { content:""; display:block; clear:both; }

.faq_list_view { width:100%; background-color:#f8f8f8; /*padding:25px 0 0 0;*/ }
.faq_division_tab { width:100%; padding:10px 30px; text-align:center; }
.faq_division_tab li { display:inline-block; padding:0px 20px; margin: 10px 7px 10px 0; height:30px; line-height:30px; border:1px solid #ddd; border-radius:15px; font-size:14px; text-align:center; cursor:pointer; }
.faq_division_tab li:last-child { margin-right:0; }
.faq_list_view .page_num { margin-bottom:30px; }

.faq_list_cont { clear:both; margin:0 30px; display:block; margin-bottom:7px; background-color:#fff; border-bottom:1px solid #ddd; }
.faq_list_cont dt { padding:15px 20px; font-size:17px; cursor:pointer; } 
.faq_list_cont dt b { margin-right:10px; }
.faq_list_cont dt .im { float:right; font-size:17px; vertical-align:middle; margin-top:3px; }
.faq_list_cont dd { display:none; padding:30px 20px; font-size:15px; line-height:22px; border-top:1px solid #ddd; }

.faq_more_btn { width:100%; height:50px; margin-top:25px; border:0; border-top: 1px solid #ddd; background:#ddd; text-align:center; font-size:14px; color:#666; cursor:pointer; }
.faq_more_btn .im { margin-bottom:2px; margin-right:3px; vertical-align:middle; font-size:12px; }

/*고객센터_공지사항*/
.noti_list_view { padding:30px;  }
.noti_list_view .page_num { margin-bottom:0; }

.faq_list_view .contents_sub_tab { float:left; display:inline-block; }
.faq_list_view .question_warp { float:right; margin-right:-15px; }
.faq_list_view .question_warp::after { content:""; display:block; clear:both; }
.faq_list_view .notice_list_view { clear:both; max-height:550px; margin-top:60px; background-color:#fff;  }
.noti_list_view .question_warp .search_title { margin-right:-5px; }
.noti_list_view .question_warp .search_icon { /*margin-left:-40px; left:0;*/ }
.noti_list_view .notice_list_view { border:1px solid #ddd;}

/* 고객센터 1:1문의 */
.ptop_write_warp { width:100%; margin-bottom:60px; }
.ptop_write_warp .infomodify_text { width:100%; height:45px; margin-bottom:10px; padding:0 20px; border:1px solid #ddd; font-size:15px; background-color:#fff; }
/*.ptop_write_warp .infomodify_text.bg_gr { background-color:#f1f1f1;}*/
.ptop_write_warp .infomodify_text:read-only.bg_gr { background-color:#f1f1f1;}
.ptop_write_warp .infomodify_text.pr0 { padding-right:0;}
.ptop_write_warp .infomodify_text.infomodify_text_full2 { width:calc(50% - 2px); margin-right:4px; float:left;}
.ptop_write_warp .infomodify_text.infomodify_text_full2:last-child { margin-right:0; }
.ptop_write_warp select { -webkit-appearance: none;  /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url('/images/Subpage/select_btn.png') no-repeat right 50%;}
.ptop_write_warp select::-ms-expand {display: none;}
.ptop_write_warp tr { border:0;}
.ptop_write_warp tr.id th { width:170px; font-size:17px; font-weight:normal; text-align:left; }
.ptop_write_warp tr.id td { width:770px;  }
.ptop_write_warp tr.id .infomodify_text { width:770px; background-color:#ddd; font-size:15px; color:#666; border:0; }
.ptop_write_warp tr.contents_txt td { border:1px solid #ddd; background-color:#fff; cursor:text!important; }
.ptop_write_warp tr.contents_txt .infomodify_text { padding:20px; width:100%; height:300px; margin-bottom:0; border:0; }
.ptop_write_warp .add_file { width:120px; height:44px; background-color:#f7f7f7; border:1px solid #ddd; border-top:0; font-size:13px; }
.ptop_write_warp td.add_file_tit { width:170px; border-right:1px solid #ddd; text-align:center; }
.ptop_write_warp td.add_file_tit .im { font-size:11px; }
.ptop_write_warp td.add_file_name { padding:0 20px; text-align:left; text-decoration:underline; color:#2b2bd8; }
.ptop_write_warp td.add_file_name a { color:inherit; cursor:pointer!important; }
.ptop_write_warp td .table_noti { padding-top:5px; text-align:right; font-size:13px; color:#999; }
.ptop_write_warp td.noti_td { padding-bottom:10px;}
.ptop_write_warp td.noti_td input { margin-bottom:0px;}
.ptop_write_warp td.noti_td .email_noti { font-size:13px; color:#f25c37; padding-bottom:10px; }

/*알림*/
.contents_sub_tab.notice { float:left; margin:20px 0; display:inline-block; } 
.question_warp.notice { float:right; position:relative; margin:0 0 10px 0 ; height:35px; }
.question_warp.notice.alarmlist_search { margin-top:10px; }
.question_warp.notice.alarmlist_search::after { content:""; display:block; clear:both;}
.question_warp.notice .inputbtn_style2 { width:54px; height:35px; margin:0; float:left; border-radius:0; border-left:0;}
.question_warp.notice .inputbtn_style2:first-child { border-left:1px solid #ddd; }

.question_warp.notice .search_data { float:left; margin:0 10px; }
.question_warp.notice .search_data input { margin-bottom:0; }
.question_warp.notice .search_data:last-child { margin-right:0; }
.question_warp.notice .search_calendar { position:absolute; top:7px; } 
.question_warp.notice .search_calendar.left  { left:130px; } 
.question_warp.notice .search_calendar.right  { left:295px; } 
.question_warp.notice .search_calendar.left2  { left:453px; } 
.question_warp.notice .search_calendar.right2  { left:637px; } 
.question_warp.notice .search_day { width:150px; }
.question_warp.notice .search_position .search_calendar.left  { left:295px; } 
.question_warp.notice .search_position .search_calendar.right  { left:460px; } 
.question_warp.notice .search_title { height:35px; width:250px;  }
.question_warp.notice::after { content:""; display:block; clear:both; }
.question_warp.notice .search_icon { position:absolute; right:15px; top:9px; left:inherit; }
.question_warp.notice .search_submit { text-align:center; width:80px; height:35px; border:0; margin-right:0; }

/* 알림 리스트_2019-05 업데이트 후_삭제예정*/

.notice_list_view { display:block; clear:both; width:100%; padding:35px 20px; background-color :#f8f8f8; border-top:0; }
.notice_list_cont { display:block; margin-bottom:8px; padding:15px 20px; background-color:#fff; box-shadow:2px 2px 2px #eee;  }
.notice_list_cont dt { float:left; display:inline-block;  font-size:16px; cursor:pointer; } 
.notice_list_cont dt .new { display:inline-block; margin-right:5px; width:40px; height:22px; line-height:22px; text-align:center; background-color:#f25c37; border-radius:3px; font-size:13px; color:#fff;  }
.notice_list_cont dd b { margin:0 5px; }
.notice_list_cont dd { display:block; vertical-align:top; font-size:16px; line-height:25px; }
.notice_list_cont span.data { display:block; font-size:13px; color:#999; }

/* 알림 리스트_2019-05 업데이트*/
/*.alarmlist_view { display:block; clear:both; width:100%; padding:30px 25px; background-color :#f8f8f8; }
.alarmlist_view .alarm_category { font-size:20px; font-weight:500;  }
.alarmlist_view .alarm_category .txt { float:left; padding-right:15px;  }
.alarmlist_view .alarm_category .solid_dd { display:block; position:relative; top:15px; border-bottom:0.5px solid #ddd; }
.alarmlist_view .alarm_category::after { content:""; display:block; clear:both;}
.alarmlist_view .alarm_cont { padding-top:15px; }
.alarmlist_view .alarm_cont::after { content:""; display:block; clear:both; }
.alarmlist_view .alarm_cont .left_icon { display:inline-block; width:50px; }
.alarmlist_view .alarm_cont .left_icon .icon_circle { display:inline-block; width:40px; height:40px; border-radius:40px; background:#5856c7; text-align:center; }
.alarmlist_view .alarm_cont .left_icon .icon_circle .im { color:#fff; font-size:17px; vertical-align:middle; line-height:40px; }
.alarmlist_view .alarm_cont .right_text { float:right; width:calc(100% - 50px); }
.alarmlist_view .alarm_cont .right_text .alarm_list dt { margin-bottom:10px; color:#999; font-size:13px; line-height:20px; }
.alarmlist_view .alarm_cont .right_text .alarm_list dt::after { content:""; display:block; clear:both; }
.alarmlist_view .alarm_cont .right_text .alarm_list dt strong { margin-right:10px; font-size:18px; font-weight:500; color:#5856c7; vertical-align:middle; }
.alarmlist_view .alarm_cont .right_text .alarm_list dt .mentor { position:relative; top:-1px; margin-left:10px; font-size:15px; color:#555; vertical-align:middle; font-weight:500; }
.alarmlist_view .alarm_cont .right_text .alarm_list dt .mentor .im { vertical-align:middle; margin-bottom:3px; font-size:13px; color:#555; }
.alarmlist_view .alarm_cont .right_text .alarm_list dt .time { float:right; font-size:15px; }
.alarmlist_view .alarm_cont .right_text .alarm_list dd { margin-bottom:15px; padding:15px 20px; border:1px solid #ddd; background:#fff; font-size:16px; line-height:22px; color:#999;border-radius:10px;  }
.alarmlist_view .alarm_cont .right_text .alarm_list dd strong { display:block; margin-top:-5px; font-weight:500; font-size:16px; color:#555; line-height:35px; }*/


/* 포인트 이용내역*/
.point_sts_warp { width:100%; margin-bottom:15px; height:100px; }
.point_sts_warp::after { content:""; display:block; clear:both; }
.point_sts_warp li { float:left; padding:20px 15px; }
.point_sts_warp li.tenure_point { width:300px; height:100px; margin-right:10px; border-radius:5px; background-color:#ffede2; }
.point_sts_warp li.refund { width:250px; height:100px; border-radius:5px; background-color:#f8f8f8; }
.point_sts_warp li .tit_box { font-weight:normal; font-size:17px; }
.point_sts_warp li .tit_box .link { float:right; display:inline-block; height:25px; padding:0 10px; line-height:25px; font-size:14px; border-radius:15px; background-color:#fff; text-align:center; }
.point_sts_warp li .sts { font-size:22px; }
.point_sts_warp li.notice { padding:15px 0 20px 15px; font-size:14px; line-height:24px; }

.question_warp.point { float:left; }
.question_warp.poin::after { content:""; display:block; clear:both; }
.question_warp.point .inputbtn_style { margin-bottom:0; } 
.question_warp.point .inputbtn_style.inputbtn_style select_box { margin-right:15px; }
.question_warp.point .inputbtn_style2 { width:99px; height:35px; margin:0; float:left; border-radius:0; border-left:0;}
.question_warp.point .inputbtn_style2:first-child { border-left:1px solid #ddd; }
.question_warp.point .search_submit { text-align:center; width:80px; height:35px; border:0; margin-right:0; }
.question_warp.point .search_data { margin:0 15px;}
.question_warp.point .search_day { width:169px; } 

.point_usage_history { width:100%; text-align:center; }
.point_usage_history tr { border-bottom:1px solid #ddd; }
.point_usage_history tr:first-child { border-top:1px solid #ddd; }

.point_usage_history tr td { padding:35px 15px; }
.point_usage_history tr td:nth-child(3) b { font-weight:500 }
.point_usage_history tr td .cancel { display:inline-block; width:85px; height:50px; line-height:50px; color:#1e489f; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:5px; }
.point_usage_history tr td .use { display:inline-block; width:85px; height:50px; line-height:50px; color:#f25c37; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:5px; }
.point_usage_history tr td.whence { text-align:left; font-size:18px;}
.point_usage_history tr td.whence .tit { margin-right:5px; font-size:18px; }
.point_usage_history tr td.whence .source { margin-top:10px; color:#999; font-size:14px; }
.point_usage_history tr td.history_data { font-size:16px; color:#999;}

/* 결제내역*/
.payment_sts_warp { padding:20px 15px; background-color:#f8f8f8; }
.payment_sts_warp .tit { font-size:14px; margin-bottom:15px; font-weight:normal; }
.payment_sts_warp .tit b { font-size:18px; }
.payment_sts_warp .tit span { margin-left:10px; color:#999;}
.payment_info { width:100%; }
.payment_info tr { border-bottom:1px solid #ddd; background-color:#fff;  }
.payment_info tr td { padding:10px 15px; font-size:14px; text-align:center; }
.payment_info tr td .subscription_source { display:block; font-size:13px; color:#999; }
.payment_info tr td .subscription_source .im { vertical-align:middle; margin-bottom:2px; margin-right:3px; font-size:13px; color:#999; }
.payment_info tr td.txt_left { text-align:left; }
.payment_info tr td.next_payment_day { font-size:13px; color:#999; }
.payment_info tr td.next_payment_day.non { text-decoration:line-through; }
.payment_info tr td.link a { display:inline-block; width:100px; height:30px; line-height:28px; text-align:center;}

.payment_usage_history tr td.deadline { color:#999; }
.payment_usage_history tr td.deadline b { color:inherit; font-weight }
.payment_usage_history tr td .data { font-size:13px; color:#999; }
.point_usage_history tr td .cancel { display:inline-block; width:85px; height:50px; line-height:50px; color:#1e489f; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:5px; }
.point_usage_history tr td .use { display:inline-block; width:85px; height:50px; line-height:50px; color:#f25c37; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:5px; }
.payment_usage_history tr td .finish { display:inline-block; width:85px; height:50px; line-height:50px; color:#999; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:5px; }

/* 쿠폰 */
.payment_sts_warp.coupon { background-color:none; }
.payment_sts_warp.coupon .tit { margin-bottom:0; line-height:14px; }
.payment_sts_warp.coupon .tit strong { font-size:22px; }


/*환불 프로세스 -1*/
.contents { position:relative; display:block; width:940px; margin:50px auto; }

.refund_process { letter-spacing:-0.5px; }
.refund_process .point_btn { border:1px solid #1f54cf; border-radius:8px; padding:2px 5px; } 
.refund_process .btn { text-align:center; }
.refund_process .btn .btn_style { width:120px; padding:5px 0; text-align:center; border-radius:5px; font-size:14px; }
.refund_process .btn .btn_style:first-child { margin-right:10px; }

.refund_process .refund_status{position:relative; margin-bottom:30px; font-family:NanumSquare; font-size:20px; font-weight:600; text-align:center; }
.refund_process .refund_status ul{display:inline-block;}
.refund_process .refund_status ul li{float:left; display:inline-block;text-align:center; line-height:60px; color:#c1c3ca; background-image: url('/images/Subpage/bg_off.png'); width:234px; height:60px; background-size:contain; background-position:center;background-repeat:no-repeat;  }
.refund_process .refund_status ul li.on{ background-image: url('/images/Subpage/bg_on.png'); color:#171d31;}
.refund_process .refund_status ul li:nth-child(even){width:27px; background-image: url('/images/Subpage/arrow.png'); }

.refund_process1{letter-spacing:-0.5px; }
.refund_process1 h3{ padding:30px; margin-bottom:30px; background-color:#f8f8f8; color:#333; text-align:center; font-size:18px;}

.refund_process1 .survey{ position:relative; margin-bottom:30px;}
.refund_process1 .survey h4 { padding:0 0 10px 0; font-size:18px; font-weight:500; }
.refund_process1 .survey p { padding:5px 0; font-size:15px; color:#666;}
.refund_process1 .survey p input[type=radio]{ vertical-align:middle; margin-right:5px;}
.refund_process1 .survey p textarea { width:100%; height:80px; margin-top:10px; box-sizing:border-box; color:#999; padding:10px; border:1px solid #ddd; font-size:14px;}
.refund_process1 .survey .ref_luckybox { position:absolute; top:0; right:0; }



/*환불 프로세스 -2*/

.refund_process2 .tit_info {font-weight :500; padding:0 0 10px 0; font-size:18px;}
.refund_process2 table{ position:relative; margin-bottom:35px; font-size:14px; width:100%;}
.refund_process2 table tbody { border-top:2px #1c3363 solid; }
.refund_process2 table tbody tr { border-bottom:1px solid #ddd; }
.refund_process2 table tbody tr th { padding:10px 15px; background-color:#ededed; font-weight:normal; }
.refund_process2 table tbody tr td { padding:10px 15px; }
.refund_process2 table tbody tr td .text_box { border:1px solid #ddd; color:#666; padding:0 7px; margin-right:5px; font-size:12px; height:25px; }
.refund_process2 table tbody tr td p .ml_5 { margin-left:10px; vertical-align:middle;}
.refund_process2 table tbody tr td .text_box.box_size { width:270px!important; }
.refund_process2 table tbody tr td .checkbox { vertical-align:middle; margin:0 3px 0 5px; }
.refund_process2 table tr td.style .text_box { margin-bottom:5px; }
.refund_process2 table tr td p .btn_size { width:85px; height:24px; vertical-align:middle; border:0; border-radius:3px; color:#fff; border:0; cursor:pointer; }
.refund_process2 table tr td .warning_tit {color:#777; padding:7px 0; line-height:17px; font-size:13px;}

.refund_process .re_info { margin-top:35px; font-size:14px; line-height:22px; color:#999;}
.refund_process .re_info li { margin-bottom:5px; }
.refund_process li.re_info_tit { margin-bottom:10px; font-weight:500; font-size:17px; }

/*환불 프로세스 -3*/

.refund_process3 .tit_box { padding:20px 0; font-size:20px; text-align:center; background-color:#ededed; color:#333; line-height:1.5;}
.refund_process3 .tit_box.mb20 { margin-bottom:20px; }
.refund_process3 .tit_box h3 {font-size:24px;}
.refund_process3 .tit_info { font-size:18px; padding:10px 0; }
.refund_process3 .tit_notice { position:relative; display:block; margin:0 auto; text-align:center; }
.refund_process3 .tit_notice ul { position:relative; display:inline-block; padding:20px 10px; border-radius:10px; }
.refund_process3 .tit_notice ul li { text-align:left; font-size:12px; font-family:Dotum; line-height:1.5; color:#333; }

.refund_process3 table { margin-bottom:10px; color:#666; }
.refund_process3 table thead { border-top:2px #1c3363 solid; padding:10px 15px; font-size:12px; font-family:Dotum; background-color:#ededed; }
.refund_process3 table thead th{box-sizing:border-box;}
.refund_process3 table th:last-child{border-right:0;}

.refund_process3 table tr{ height:55px;}
.refund_process3 table tbody { padding:10px 15px; font-size:12px; text-align:center; line-height:1.3; } 
.refund_process3 table tbody td{ border-bottom:1px solid #ccc; box-sizing:border-box;}
.refund_process3 table tbody td:last-child { border-right:0; }

.refund_process3 table .blue_box{background-color:#ebf2f6;}
.refund_process3 .info_warning {font-size:12px; font-family:Dotum; line-height:1.5; margin-bottom:35px; }

/* 검색결과 없음 */

.no_result {margin: 10px 0;}
.no_result .no_result_txt { width:100%; padding:50px 0 50px 15px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; color:#999; font-size:18px;}
.no_result .no_result_txt b { color:#999;}


/* 회원가입혜택(19-10-10) */
.member_benefit { margin-top:40px; overflow:hidden; }
.member_benefit img { display:block; position:relative; left:50%; transform:translateX(-50%); z-index:1; }
.member_benefit a { display:block; z-index:3; background:#999; opacity:0; }
.member_benefit .contents { position:relative; width:1200px; margin:0 auto; }
.member_benefit .but_join { position:absolute; left:200px; bottom:50px; width:800px; height:90px; }
.member_benefit .but_stock_review { position:absolute; left:400px; bottom:370px; width:400px; height:70px; }
.member_benefit .but_radar { position:absolute; left:60px; bottom:100px; width:250px; height:45px; }
.member_benefit .but_starter { position:absolute; left:495px; bottom:68px; width:250px; height:45px; }
.member_benefit .stock_review { position:absolute; bottom:490px; width:380px; height:470px; }
.member_benefit .stock_review.page1 { left:0px; }
.member_benefit .stock_review.page2 { left:410px; }
.member_benefit .stock_review.page3 { right:0px; }

/*유지태 메인 플로팅 배너*/
.model_flow{ position:fixed; bottom:0; right:calc(50% + 620px); width:309px; height:624px; margin:0!important; z-index:998; overflow:hidden;}
.model_flow .model_txt{position:absolute; bottom:40px; left:0;}
.model_flow .model_img{width:100%;}

/*포인트이용내역(관리자배너)*/
.admin_banner { margin-top:50px; height:150px; background:#eee; }
.admin_banner img { width:100%; }

/* ★ 공통화 css 임시저장 & 프리미엄 추천종목 */
.cm_tit { font:700 25px 'Noto Sans KR'; }
.cm_tit:first-child { margin-bottom:20px; }
.cm_subtit { font:600 18px 'Noto Sans KR'; }
.cm_txt { font:500 15px 'Noto Sans KR'; }
.cm_smtxt { font:500 13px 'Noto Sans KR'; }
.cm_mentor_name { padding-left:1px; color:#222; font-size:18px; font-family:'BMJUA' }
.cm_mentor_name .im { margin:-3px 3px 0 0; font-size:80%; vertical-align:middle; }
.cm_thumb_wrap { display:block; position:relative; background:#f1f2f4; overflow:hidden; }
.cm_thumb_wrap .cm_thumb_img { display:block; width:100%; height:100%; }
.cm_btn_appraisal { display:inline-block; width:69px; height:28px; border:1px solid #ddd; background:#fff; color:#222; font:400 13px/26px 'Noto Sans KR'; text-align:center;overflow:hidden; cursor:pointer; }
.cm_btn_appraisal.disabled { background:#f4f4f4!important; color:#ccc!important; font-weight:400!important; cursor:pointer!important; }
.cm_btn_bg { display:block; border:0; background:#ff7500; color:#fff; font:600 20px/50px 'Noto Sans KR'; cursor:pointer; }
.cm_btn_bg.gr_or { background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8383c)); background-image:linear-gradient( to right,#ff7500,#e8383c); }
.cm_btn_ic { display:inline-block; width:auto; height:auto; padding:0 3px; border:0; background:transparent; color:#999; font:500 16px 'Noto Sans KR'; cursor:pointer; }
.cm_btn_ic .im { margin:-4px 0 0 5px; font-size:90%; vertical-align:middle; }
.cm_btn_ic.more .im { margin:-4px 0 0 5px; font-size:90%; vertical-align:middle; }
.cm_color_or { color:#ff7500 !important; }
.colr_rd { color:#ee3128!important; }
.cm_color_lg { color:#999; }
.cm_info_desc { float:left; height:90px; padding:0 20px; margin-top:15px; font:500 15px/30px 'Noto Sans KR'; overflow:hidden; } 
.cm_info_desc .info_desc_txt { float:left; width:100%; height:30px; }
.cm_info_desc .info_desc_txt .tit { display:block; float:left; position:relative; width:70px; padding-left:10px; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .tit:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#222; }
.cm_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:600; box-sizing:border-box;  }
.list_wrap { width:1200px; height:auto; overflow:hidden; }
.list_cont { float:left; background:#fff; box-sizing:border-box; overflow:hidden; }
.list_cont .cm_mentor_name { display:block; font-size:20px; }
.list_cont.vertical07 { position:relative; width:364px; height:195px; padding:25px 20px; margin:20px 23px 0 0; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.list_cont.vertical07.vertical08 { height:230px; padding:20px; margin:20px 22px 0 0; } /* ← "vertical08" 작업중 신규생성 */
.list_cont.vertical07.vertical08:nth-child(2n) { margin-right:0; }
.list_cont.vertical07.vertical08:nth-child(1) { margin-top:0; }
.list_cont.vertical07.vertical08:nth-child(2) { margin-top:0; }
.list_cont.vertical07.vertical08 .cm_info_desc { width:100%; height:auto; background:none; padding:0 0 0 10px; margin-top:7px; }
.list_cont.vertical07.vertical08 .cm_info_desc .tit { width:55px; }
.list_cont.vertical07.bn_soon { border:1px dashed #ddd; padding:0; }
.list_cont.vertical07 .cm_info_desc { width:195px; height:110px; padding:10px 20px; border-radius:15px; background:#f8f8f8; box-sizing:border-box; }
.list_cont.vertical07 .cm_info_desc .tit { width:95px; }
.list_cont.vertical07 .cm_info_desc .txt { width:calc(100% - 95px); font:normal 18px/30px 'BMJUA'; }
.list_cont.vertical07 .mentor_img { position:absolute; bottom:0; right:0; width:130px; height:170px; overflow:hidden; }
.list_cont.vertical07 .cm_thumb_wrap { position:absolute; bottom:20px; right:20px; width:110px; height:110px; border-radius:10px; }

/* 팝업_프리미엄 추천종목_멘토변경 안내 */
.cm_popup_wrap.mento_change.noti { display:block; width:500px!important; }
.cm_popup_wrap.mento_change.noti .cm_smtxt { margin-top:15px; color:#777; line-height:25px; }

/* 팝업_프리미엄 추천종목_다음주 top3 멘토&멘토 변경 */
.cm_popup_wrap.mento_change { display:block; width:820px; border:1px solid #ddd; background:#fff; box-shadow:3px 3px 15px #ccc; overflow:hidden; }
.cm_popup_wrap.mento_change h2 { display:block; height:60px; line-height:60px; vertical-align:middle; padding:10px 30px; margin-bottom:0; background:#ff7500; font:bold 25px 'Noto Sans KR';  color:#fff; font-weight:500; }
.cm_popup_wrap.mento_change h2 .btn_close { float:right; position:relative; top:4px; left:8px; width:30px; height:30px; background:0; color:#222; }
.cm_popup_wrap.mento_change .popup_cont { width:100%; box-sizing:border-box; text-align:left; box-sizing:border-box; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap { padding:20px 30px; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor { display:block; position:relative; width:755px; height:50px; padding:12px 10px; margin-top:20px; background:#f2f4f7; box-sizing:border-box; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .filter_wrap .filter_con { margin-right:15px; cursor:pointer; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .cm_subtit { float:left; margin-right:20px; color:#777; font-size:16px; font-weight:400; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .cm_subtit .state { margin-left:5px; color:#777; font-weight:500; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .cm_subtit .state b { color:#222; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .btn_wrap { position:absolute; top:0; right:0; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .btn_wrap .cm_btn_ic { margin:12px 20px 0 0; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .btn_wrap .btn_filter { display:block; float:right; width:120px; height:50px; border:0; background:#999; color:#fff; font-size:18px; cursor:pointer; }
.cm_popup_wrap.mento_change .popup_cont .cont_wrap .filter_mentor .btn_wrap .btn_filter.on { background:#ff7500; }
.cm_popup_wrap.mento_change .popup_cont .list_contents01 { height:450px; padding:0 30px 40px 30px; overflow:auto; overflow-x:hidden; }
.cm_popup_wrap.mento_change .popup_cont .list_contents01 .list_wrap { width:780px; }
.cm_popup_wrap.mento_change .popup_cont .list_contents01 .list_wrap .list_cont { cursor:pointer; }
.cm_popup_wrap.mento_change .popup_cont .list_contents01 .list_wrap .list_cont:hover { border-top:2px solid #ff7500; }
.cm_popup_wrap.mento_change .popup_cont .list_contents01 .list_wrap .list_cont.on { border-top:2px solid #ff7500; }