@charset "UTF-8";
#container .contents{ margin-bottom:0; }
#container .contents .sub_cont { padding-bottom:70px; }
#container .contents .sub_cont.sub_service_step {margin-bottom: 70px;}
#container{ overflow: hidden; }
.intro{}
.intro p{ margin-top:20px; line-height:1.5; }

.intro .top_visual{ height:300px;background:url(/assets/images/sub/img_intro1.jpg) 0 0 no-repeat; position: relative;}
.intro .top_visual > span{ color: #fff;position: absolute;left:0%;right:0;top:50%;transform:translateY(-50%);font-size: 36px;line-height:40px;text-align:center; }
.intro .top_visual > span span{ color: #fff;font-size: 28px;; }


.btn_area{ text-align:right; margin-top:70px;}
.btn_area.c{ text-align:center; }
.btn_area a{ display: inline-block;font-size: 16px;line-height:18px;height:48px;line-height:48px;padding:0 10px; min-width:150px; color: #fff;background:#cf0e19;font-weight:600; border:1px solid #cf0e19; }
.btn_area a:hover{color: #cf0e19;background:#fff;font-weight:500; }

.sub_service{ padding-bottom:0 !important }
.sub_service .btn_area{ margin-bottom:140px; }

.banner_box{ position: relative;height:270px; }
.banner_box a{ display: block;width:100%;height:100%;background: url(/assets/images/common/img_footer.jpg) center 0 no-repeat; background-size:cover; }




.banner_box a > span{text-align:center; position: absolute;left:0;right:0;top:50%;transform:translateY(-50%); }
.banner_box a > span span{ color: #fff;font-size: 24px;display: block;line-height:30px; }
.banner_box a > span strong{ margin-top:5px;color: #fff;font-size: 48px;line-height:50px;display: block;font-family: 'Times New Roman',sans-serif;}

.sub_mail_service{ overflow: hidden; }
.sub_mail_service .inner.top{background:#f7f7f7;padding:90px 0 60px; width:1000px;margin:0 auto;position: relative; }
.sub_mail_service .inner.top:before{ content:"";display: block;z-index: 2;background:#f7f7f7;position: absolute;left:-50%;top:0;bottom:0;right:-50%; }
.sub_mail_service .round_box{ position: relative;z-index: 3;margin-top:50px; }
.sub_mail_service .round_box:after{ content:"";display: block;border-top:1px solid #dcdcdc;position: absolute;left:0;top:150px;right:0;z-index: 2; }
.sub_mail_service .round_box > ul{  font-size: 0;line-height:0;text-align:center;position: relative;z-index: 3;}
.sub_mail_service .round_box > ul:after{ content:"";display: block;clear:both; }
.sub_mail_service .round_box > ul > li{ display: inline-block;vertical-align:top;width:290px;margin-left:65px; }
.sub_mail_service .round_box > ul > li:first-child{ margin-left:0px; }
.sub_mail_service .round_box > ul > li .round{ border:1px solid #dcdcdc;padding:8px;background:#fff;width:274px;height:272px;border-radius:50%; }
.sub_mail_service .round_box > ul > li .round .in{ width:100%;height:100%;border:2px solid #dcdcdc;border-radius:50%;position: relative;left:-2px;top:-2px;text-align:center; }
.sub_mail_service .round_box > ul > li .round .in .in_box{ position: absolute;left:0;right:0;top:50%;transform:translateY(-50%); }
.sub_mail_service .round_box > ul > li .round .in .in_box .img{}
.sub_mail_service .round_box > ul > li .round .in .in_box strong{ color: #cf0e19;font-size: 20px;line-height:26px; display: block;margin-top:25px; }
.sub_mail_service .round_box > ul > li ul{ margin-top:30px;text-align:left; }


.title_h4{ text-align:center;font-size:40px;line-height:44px;position: relative; margin:80px 0 100px;}
.title_h4:after{ content:"";display: block;width:55px;border-top:1px solid #000;margin:0 auto; margin-top:25px;}

.service_img_style{}
.service_img_style > li{ min-height:310px;padding-top:60px; }
.service_img_style > li:first-child{ padding-top:0px; }
.service_img_style > li:nth-child(even) .img,
.service_img_style > li .text{ float:left; width:50%; }
.service_img_style > li.li2 .text{ padding-left:3%;width:47% !important }
.service_img_style > li .text h5{ font-size: 30px;line-height:32px;color: #0061b5;margin-bottom:15px; padding-top:50px;}
.service_img_style > li.li4 .text h5{ padding-top:130px; }
.service_img_style > li:first-child .text h5{ padding-top:0; }
.service_img_style > li .text ul{}
.service_img_style > li .text ul li{ font-weight:600; }
.service_img_style > li:nth-child(even) .text,
.service_img_style > li .img{ float:right; width:50%}
.service_img_style > li .img img{}




.list_style1{ margin-top:30px;text-align:left; }
.list_style1 li{ font-size: 16px;line-height:24px;position: relative;margin-top:10px;padding-left:10px; }
.list_style1 li:first-child{ margin-top:0; }
.list_style1 li:after{ content:"";display: block;width:3px;height:3px;background:#333;position: absolute;left:0;top:10px; }

.title_style1{ position: relative;padding-left:35px;z-index: 3;}
.title_style1:after{ content:"";display: block;border-left:3px solid #0061b5;height:90px;position: absolute;left:0;top:0; }
.title_style1 > strong{ display: block;font-size: 30px;line-height:40px;color: #0061b5;margin-bottom:15px; font-weight:600; }
.title_style1 > p{ font-size: 18px;line-height:24px;color: #000; }
.title_style1 > img{ position: absolute;right:0;top:-40px; }


.tb_type1{ width:100%;/* border:1px solid #000; */border-width:1px 0;text-align:center;position: relative; margin-top:80px;}
.tb_type1 > em{ position: absolute;right:0;top:-25px; font-style:normal; }
.tb_type1 table{ width:100%;border-collapse: collapse;  border: 1px solid #e1e1e1; border-top-width: 2px; border-bottom-width: 2px; border-top-color: #666; border-bottom-color: #666;}
.tb_type1 table thead th{ padding:20px 0;font-size: 18px;line-height:20px; border-bottom:1px solid #e3e3e3; /* border-left: 1px solid #706e90; */ border-left: 1px solid #e3e3e3; background-color: #999; /* background-color: #535174;  */color: #fff; font-weight: normal; }
.tb_type1 table thead th:first-child {border-left: none;}
.tb_type1 table tbody th{ background:#f7f7f7; padding:20px;border-top:1px solid #ddd; /*font-weight: normal;*/ vertical-align:middle;}
.tb_type1 table tbody th.fwb {font-weight: bold;}
.tb_type1 table tbody tr:first-child th{ border-top:0; }
.tb_type1 table tbody td{ border-top:1px solid #ddd; border-left: 1px solid #ddd; word-break:keep-all;}
.tb_type1 table tbody tr:first-child td{ border-top:0; }
.tb_type1 table tfoot th { background-color: #f7f7f7; padding:30px 20px;border-top:1px solid #999; }
.tb_type1 table.tb_step2-1 tbody td{border-left: none;}
.tb_type1 table.tb_step2-1 tbody td:first-child{border-left: 1px solid #999;}
.service_step2_wrap .tb_type1 table.tb_step2-1 tbody td:first-child{border-left: 1px solid #ddd;}
.tb_type1 .in_tb {padding: 30px; }
.tb_type1 .in_tb table {border-color: #ccc; }
.sub_mail_service{ width:100% !important; }
.sub_mail_service .inner{ width:1180px;margin:0 auto; }





.sub_faq{ text-align:center; }
.sub_faq p{}
.sub_faq .search_box{ border:1px solid #f73f4a;width:500px;position: relative;display: inline-block;padding-right:60px;text-align:left;margin:40px 0 70px;; }
.sub_faq .search_box input{ width:450px;border:0;height:60px;line-height:60px;padding:0 10px;outline:none; }
.sub_faq .search_box button{background:none;border:0; position: absolute;right:0;top:0; }
.sub_faq .search_box button img{}

.faq_tab{}
.faq_tab .tab{ }
.faq_tab .tab:after{ content:"";display: block;clear:both; }
.faq_tab .tab li{ width:50%;float:left;font-size: 16px;height:45px;line-height:45px; font-weight:600;text-align:center;position: relative; }
.faq_tab .tab li:after{ content:"";display: block;border:1px solid #dcdcdc;left:0;top:0;right:0;bottom:0;position: absolute; z-index: -1; }
.faq_tab .tab li.on{ color: #fff;background:#363951; }
.faq_tab .tab li a {display: block; color: inherit;}
.faq_tab .tab-col3 li {width: 33.33%;}

.faq_sub_tab {display: table; width: 100%; margin: 20px 0 30px;}
.faq_sub_tab li {display: table-cell; vertical-align: middle; width: 20%; padding: 10px 5px; border: 1px solid #dcdcdc; border-left: none; transition:.25s;}
.faq_sub_tab li:first-child {border-left: 1px solid #dcdcdc;}
.faq_sub_tab li a {display: block; color: #363951; transition:.25s;}
.faq_sub_tab li:hover,
.faq_sub_tab li.on {background-color: #333; }
.faq_sub_tab li:hover a,
.faq_sub_tab li.on a {color: #fff;}

.faq_wrap {text-align: left;}
.rt-rwd-notice-wrap {text-align: left;}

.faq_tab .faq_box{ border-top:2px solid #000;margin-top:65px; }
.faq_tab .faq_box dl{ text-align:left; }
.faq_tab .faq_box dl dt{ padding:25px 0;position: relative;border-bottom:1px solid #e0e0e0;padding-left:90px;cursor:pointer; background:url(/assets/images/sub/faq_blur.gif) right center no-repeat;}
.faq_tab .faq_box dl dt.on{  background:url(/assets/images/sub/faq_blur_on.gif) right center no-repeat; }
.faq_tab .faq_box dl dt.on span{ color: #fff;background:#ff1744; }
.faq_tab .faq_box dl dt span{ color: #ff1744;font-size: 18px;width:45px;height:45px;line-height:45px;border:1px solid #e4e4e4;border-radius:50%;position: absolute;left:30px;top:50%;margin-top:-22px;text-align:center; }
.faq_tab .faq_box dl dt em{ font-style:normal;font-weight:600;font-size: 15px;line-height:18px;display: inline-block; }
.faq_tab .faq_box dl dt strong{ font-size: 18PX;line-height:18px;margin-left:35px;; }
.faq_tab .faq_box dl dd{ display: none;background:#f7f7f7;padding:30px 170px;position: relative; }
.faq_tab .faq_box dl dd span{ color: #fff;width:45px;height:45px;line-height:45px;text-align:center;top:30px;left:90px;position: absolute; background:#243970; border-radius:50%;}
.faq_tab .faq_box dl dd p{ }



.s53 {padding: 0 15px;}

/* 서비스요금 신청 */
.gray {color: #666;}
.blue {color: #0061b5;}
.red {color: #cf0e19;}
.linethrough {text-decoration: line-through;}
label {cursor: pointer;	}
.layout-w60{width: 58%; float: left; }
.layout-w40{width: 40%; float: right;}

.step_area {font-size: 0;}
.step_area > div {display: inline-block;  text-align: center; vertical-align: middle;}
.step_area > div.on {color: #0061b5;}
.step_area .col-3 {width: 30%;}
.step_area .col-05 {width: 5%;}
.step_area .step_icon img {border: 2px solid #f1f1f1; border-radius:50%;}
.service_step_wrap * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:20px;}
.service_step_wrap .tb_type1 {margin-top: 0;}

.service_step_wrap .tb_type1 table tbody th,
.service_step_wrap .tb_type1 table tbody td {padding: 10px;}
.service_step_wrap input[type=text],
.service_step_wrap input[type=password],
.service_step_wrap select {width: 100%; height: 35px; line-height: 35px; padding-left: 7px; border: 1px solid #ddd; background-color: #fff; }
.service_step_wrap textarea {border: 1px solid #ddd; width: 100%; height: 190px; padding: 10px; line-height: 1.5; font-size: 14px;}
.service_step_wrap .btn_wrap {max-width:500px; margin: 30px auto 0;}
.service_step_wrap .btn_wrap .btn {display: inline-block; height: 50px; line-height: 50px; text-align: center; transition:.25s;}
.service_step_wrap .btn_wrap .btn.btn_blue {background-color: #243970; color: #fff; /* border-radius:10px; */}
.service_step_wrap .btn_wrap .btn.btn_gray {background-color: #7F7F7F; color: #fff;}
.service_step_wrap .btn_wrap .btn.btn_blueborder {border: 1px solid #243970;color: #243970;}
.service_step_wrap .btn_wrap .btn.btn_blue:hover {background-color: #535174; }
.service_step_wrap .btn_wrap .btn.btn_gray:hover {background-color: #333; color: #fff;}
.service_step_wrap .btn_wrap .col-10 .btn {width: 100%; }
.service_step_wrap .btn_wrap .col-5 {margin: 0 -2px;}
.service_step_wrap .btn_wrap .col-5 .btn {width: calc(50% - 4px); margin: 0 2px; /* border-radius:10px; */}
.service_step_wrap table .box { min-height: 235px ; margin: 0 auto; padding:15px;  background-color: #f9f9f9;  border-top: 3px solid #f9f9f9; border-bottom: 3px solid #f9f9f9;   }
.service_step_wrap table .box > div {padding: 15px 0; }
.service_step_wrap table.tb2 td {vertical-align: top;}
.service_step_wrap table .box.on {background-color: #fff; border-color: #0061b5; border: 3px solid #0061b5;}
.service_step_wrap table .box.on .txt span{color: #0061b5; font-weight: bold;}
.service_step_wrap table .box.on .center {border-top: 1px solid #eee; border-bottom: 1px solid #eee;}


.btn_agree {background-color: #7F7F7F; color: #fff; font-size: 12px; display: inline-block; padding: 2px 6px; margin-left: 5px; transition:.25s;}
.btn_agree:hover,
.btn_agree:focus{background-color: #535174; color: #fff;}
.agree_box {display: none;}

.sub_service_wrap .con1{position: relative;}
.service_btn_wrap { position: absolute; top: -10px; right: 0; background-color: #E6E6E6; padding: 5px; border-radius:100px;}
.service_btn_wrap button {background-color: transparent; border: none; color: #000; font-weight: bold; font-size: 15px; padding: 2px 8px; border-radius:100px; margin: 0 1px; transition:.25s; cursor: pointer;}
/* .service_btn_wrap button:hover, */
.service_btn_wrap button.active {background-color: #fff; color: #0061b5;}


@media (max-width:640px){
	.block_640 {display: block;}

  .sub_mail_service .inner{ width:100%; }
  .title_h4{ font-size: 24px;line-height:30px;margin:40px 0 ; }
  #container .contents .sub_cont .sub-tit{ font-size: 24px;line-height:30px; margin:0 0 20px; }
  .intro .top_visual{ height:110px;background-size:100% 100%;text-align:center; }
  .intro .top_visual > span{ font-size: 16px;line-height:20px; }
  .intro p{ margin-top:10px; font-size: 13px;line-height:1.5; padding:0 10px; }
  .intro p br{ display: none; }

  .btn_area{ margin-top:30px;padding:0 10px; }
  .btn_area a{ font-size: 13px;height:30px;line-height:30px;padding:0 5px;min-width:110px;; }

  .title_style1{ padding-left:15px;}
  .title_style1 > strong{ font-size: 16px;line-height:20px;margin-bottom:8px;; }
  .title_style1 > p{ font-size: 13px;line-height:18px; word-break: keep-all;}

  .tb_type1{ margin-top:30px;margin:30px 0px 0;box-sizing:border-box;}
  .tb_type1 > em{ font-size: 12px;line-height:16px;right:5px;top:-18px;; }
  .tb_type1 table thead th{ padding:7px 0;font-size: 13px;line-height:17px;; }
  .tb_type1 table tbody th,
  .tb_type1 table tbody td{ padding:7px 0;font-size: 12px;line-height:16px;; }

  .sub_service .btn_area{ margin-bottom:40px; }
  .banner_box{ height:120px; }
  .banner_box a{ background-size:cover; }
  .banner_box a > span span{ font-size: 16px; line-height:20px; }
  .banner_box a > span strong{ font-size: 23px;line-height:30px;; }

  .sub_mail_service .inner.top{ padding:40px 15px 30px;width:100%;box-sizing:border-box; }
  .title_style1 > img { display: none; }

  .sub_mail_service .round_box{ margin-top:20px; }
  .sub_mail_service .round_box:after{ display: none; }
  .sub_mail_service .round_box > ul > li{ margin-left:0;margin-top:30px; }
  .sub_mail_service .round_box > ul > li:first-child{ margin-top:0px; }

  .sub_mail_service .round_box > ul > li .round{ margin:0 auto; width:170px;height:168px; padding:5px; }
  .sub_mail_service .round_box > ul > li .round .in .in_box .img img{ width: 50px }
  .sub_mail_service .round_box > ul > li .round .in .in_box strong{ font-size: 15px;line-height:20px;margin-top:10px;; }
  .sub_mail_service .round_box > ul > li ul{ margin-top:15px; }

  .list_style1{ margin-top:0; }
  .list_style1 li{ margin-top:5px;font-size: 13px;line-height:20px;; }

  .service_img_style{ padding:0 15px; }
  .service_img_style > li:nth-child(even) .text,
  .service_img_style > li .img,
  .service_img_style > li:nth-child(even) .img,
  .service_img_style > li .text{ float:none !important;width:100% !important; }

  .service_img_style > li .img{}
  .service_img_style > li .img img{ max-width:100%; }

  .service_img_style > li{ min-height:inherit;padding-top:20px; }
  .service_img_style > li.li4 .text h5,
  .service_img_style > li .text h5{ padding-top:0;font-size:18px;line-height:23px;margin-bottom:10px; }


  .sub_faq{ padding:50px 15px 70px !important;box-sizing:border-box; }
  .sub_faq p{ font-size: 12px;line-height:16px;text-align:center;; }
  .sub_faq .search_box{ margin:20px 0;width:100%;box-sizing:border-box; }
  .sub_faq .search_box input{ width:100%;box-sizing:border-box; height:35px;line-height:35px; padding:0 5px;font-size: 13px;;}
  .sub_faq .search_box button{ width:35px; }
  .sub_faq .search_box button img{ width:inherit; }

  .faq_tab .tab li{ height:40px;line-height:38px;font-size: 13px; }

	.faq_sub_tab {display: block; font-size: 0; text-align: left;}
	.faq_sub_tab li {display: inline-block; font-size: 12px; width: calc(50% - 12px); height: 35px; text-align: center; padding:3px 5px; }
	.faq_sub_tab li:nth-child(3),
	.faq_sub_tab li:nth-child(4),
	.faq_sub_tab li:nth-child(5) { width: calc(33.33% - 12px); border-top: none;}
	.faq_sub_tab li:nth-child(3) {border-left: 1px solid #dcdcdc;}
	.faq_sub_tab li:nth-child(1) a,
	.faq_sub_tab li:nth-child(4) a{line-height: 35px;}
	.faq_sub_tab li a {line-height: 1.5;}

  .faq_tab .faq_box{ margin-top:30px; }
  .faq_tab .faq_box dl dt { padding:10px 0; padding-left:85px;background-size:30px 8px !important; }
  .faq_tab .faq_box dl dt span{ font-size: 12px;width:24px;height:24px;line-height:24px;left:5px;margin-top:-12px;; }
  .faq_tab .faq_box dl dt em{ position: absolute;left:40px;top:50%;transform:translateY(-50%);font-size: 12px;line-height:15px;; }
  .faq_tab .faq_box dl dt strong{ font-size: 13px;line-height:15px;margin-left:10px;padding-right:30px;display: inline-block; }
  .faq_tab .faq_box dl dd{ padding:10px 20px 10px 60px; }
  .faq_tab .faq_box dl dd span{ width:24px;height:24px;line-height:24px;left:30px;top:10px;font-size: 12px;; }

  .faq_tab .faq_box dl dd p { text-align:left; }


  #container .contents .head_top{ height:150px; }
  #container .contents .head_top h2.head-title{ font-size: 30px;line-height:32px;; }
  #container .contents .sub_mail_service{ padding-top:0; }
	

	
}
@media (max-width:486px){
	.layout-w60,
	.layout-w40 {width: 100%; float: none;}
	.layout-w40 {margin-top: 40px;}
	#container .contents .sub_cont.sub_service_step {padding: 0 15px; /* width: calc(100% - 30px); */}
	.tb_type1 .in_tb {padding: 10px;}
	.service_step_wrap table .box  { min-height: 190px; padding: 5px;}
	.service_step_wrap table .box img {width: 11px;}
	.step_area .col-05 img {width: 9px;}
	.step_area .step_icon img {width: 60px;}
	.step_area .txt20.fwb {font-weight: normal;}

	.agree_checks span {display: block; text-align: right;}
	
}

.test{}
.mobile_wrap {display: none;}
.rt_pager {text-align: center;}
.rt_pager a {display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border: 1px solid #ddd; color: #777; margin: 0 1px; transition:.25s;}
.rt_pager a:hover,
.rt_pager a.rt_active {color: #333; background-color: #f9f9f9;}
/* 마이페이지 ---------------------------------------------------------- */
.sub_my_wrap * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_my_wrap {margin-bottom: 70px;}
.sub_my_wrap .tb_type1 {margin-top: 0;}
.sub_my_wrap .tb_type1 table thead th {padding: 7px; font-size: 14px; font-weight:600;}
.sub_my_wrap .tb_type1 table tbody th,
.sub_my_wrap .tb_type1 table tbody td{padding: 20px 12px; font-size: 14px;}
.sub_my_wrap .tb_type1 table tbody td p {font-size: 14px; font-family: 'Poppins', 'Nanum Gothic', '맑은고딕', '돋움', 'dotum', sans-serif;}
.sub_my_wrap .tb_type1 table select {font-size: 14px;}
.sub_my_wrap .con.w50 > .left {float: left; width: 49%;}
.sub_my_wrap .con.w50 > .right {float: right; width: 49%;}
.sub_my_wrap .con.w50 h4 {line-height: 30px;}
.sub_my_wrap .white_box {/* background-color: #f1f1f1; */ border: 1px solid #e3e3e3; padding: 20px;font-family: 'NanumGothic', sans-serif;}
.sub_my_wrap .white_box p {}
.pw_wrap .form_wrap { padding:40px 30px ;background-color: #f7f7f7; border: 1px solid #ddd;}
.pw_wrap .form_wrap h4 {font-size: 20px;}
.pw_wrap .form_wrap input[type=password] {width: 300px;}
.pw_wrap .form_wrap .btn {height: 36px; line-height: 35px; border-radius:0; font-size: 16px; border: none;}

/* 나의이용현황 */
/* .button1 { padding: 3px 10px;text-align: center; font-size: 12px;border: 1px solid #f0a30d; background-color: #f0a30d; color: #fff;border-radius:30px;  transition:.25s; }
.button2 {display: inline-block;width: 80px; font-size: 12px;border: 1px solid #363951; background-color: #243970; color: #fff;border-radius:3px; text-align: center;  transition:.25s; }
.button3 {display: inline-block;width: 120px;text-align: center; height: 30px; line-height: 30px; font-size: 12px;border: 1px solid #363951; background-color: #243970; color: #fff;border-radius:3px;  transition:.25s;} */
.button1 {display: inline-block; padding: 4px 12px;text-align: center; font-size: 14px;border: 1px solid #243970; background-color: #243970; color: #fff;  transition:.25s; }
.button1_1 { padding: 4px 12px; text-align: center; font-size: 14px;border: 1px solid #243970; background-color: #fff; color: #243970;  transition:.25s; }
.button2 {display: inline-block;width: 80px; font-size: 12px;border: 1px solid #363951; background-color: #243970; color: #fff; text-align: center;  transition:.25s; }
.button2_1 {border: 1px solid #243970; color: #243970; background-color: #fff;}
.button3 {display: inline-block;width: 150px;text-align: center; height: 35px; line-height: 35px; font-size: 13px;border: 1px solid #363951; background-color: #243970; color: #fff;  transition:.25s;}
.button3.redbtn {background-color: #cf0e19; border-color: #cf0e19;}
.button1:hover,
.button1:focus,
.button1_1:hover,
.button1_1:focus,
.button2:hover,
.button2:focus,
.button3:hover,
.button3:focus {background-color: #535174; border-color: #535174; color: #fff;}
.sub_my_wrap .sub_member_wrap .white_box {height: 150px;}
.sub_my_wrap .sub_member_wrap .my_qna_box li {padding-right: 90px; position: relative;}
.sub_my_wrap .sub_member_wrap .my_qna_box li .date{position: absolute; top: 0; right: 0; color: #999; }


/* 결제관리 */

.sub_my_wrap .price_con_wrap .price_con {display: none;}
.sub_my_wrap .price_con_wrap .price_con.on {display: block;}
.sch_wrap {text-align: right; margin-bottom: 10px;}
.sch_wrap p {display: inline-block; position: relative;}
.sch_data_con .sch_txt {padding-right: 35px; }
.sch_data_con button{position: absolute; top: 1px;right: 1px;width: 33px; height: 33px; line-height: 37px; text-align: center; border: none; background-color: #fff; cursor: pointer; opacity: .8;}
.sch_wrap p span {display: inline-block; position: relative; min-width:20px; text-align: center;}
.sch_wrap input[type=text],
.form_wrap input[type=password],
.sch_wrap select {border: 1px solid #ddd; padding-left: 7px; height: 35px; line-height: 35px; font-size: 14px;}
.sch_wrap .sch_data {padding-right: 25px; width: 150px;}
.ui-datepicker-trigger {position: absolute; top: 11px; right: 7px; opacity: .8; width: 15px; }
.form_wrap input[type=text],
.form_wrap input[type=password],
.form_wrap select {width: 100%; border: 1px solid #ddd; padding-left: 7px; height: 35px; line-height: 35px; font-size: 14px;	}

.form_popup_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 99999;}
.form_popup_wrap .layer {position: absolute;top: 50%; left: 50%;  -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 600px;background-color: #fff; padding: 30px; }
.form_popup_wrap .popup_close {position: absolute;top: 0; right: 0;padding: 10px; font-size: 26px; font-family: 'dotum'; cursor: pointer; }
.form_popup_wrap .rt-rwd-join-form-box{float:left;padding:0 10px;}
.form_popup_wrap .rt-rwd-join-form-box.rt-full-box{width:100%;}
.form_popup_wrap .rt-rwd-join-form-box.rt-310px-box{width:310px;}
.form_popup_wrap .rt-rwd-join-form-box.rt-33-box{width:33.33%;max-width:204px}
.form_popup_wrap .rt-rwd-join-form-box.rt-32-box{width:32%;max-width:200px}
.form_popup_wrap .rt-rwd-join-form-box.rt-4-box{width:4%;padding:0;max-width:12px; }
.form_popup_wrap .rt-rwd-join-form-box.rt-4-box p {font-size: 12px; line-height: 35px;}


/* 회원정보관리 */
.sub_my_wrap .form_popup_wrap .tb_type1 table tbody th,
.sub_my_wrap .form_popup_wrap .tb_type1 table tbody td {	padding: 10px 12px;}

@media (max-width:486px){
	.mobile_wrap {display: block;}
	.button1,
	.button1_1 { padding: 2px 8px; font-size: 11px; }
/* 	#container .contents .mid_tab.mid_tab_sub {height: 100px;} */
	#container .contents .mid_tab.mid_tab_sub .tab-cont {width: 100%;}
	#container .contents .mid_tab.mid_tab_sub .tab-cont-col5 li {width: 33.33%;}
	#container .contents .sub_cont.sub_my_wrap {width: calc(100% - 30px); padding: 50px 15px 60px;}
	.sub_my_wrap .con.w50 > .left,
	.sub_my_wrap .con.w50 > .right {float: none; width: 100%; }
	.sub_my_wrap .con.w50 > .right {margin-top: 40px;}
	.sub_my_wrap .sub_member_wrap .white_box {width:100%;}
	.sub_my_wrap .tb_type1 table {display: none;}
	.sub_my_wrap .form_popup_wrap .tb_type1 table {display: block;}
	.form_popup_wrap .layer {top: 0; left: 0; right: 0; bottom: 0; -ms-transform:translate(5%,5%); -webkit-transform:translate(5%,5%); transform:translate(5%,5%); width: 90%; max-height: 90%; height: auto; overflow-y:auto;}
	.sub_mypage_service_wrap .form_popup_wrap .layer {height: 350px;}
	.sub_my_wrap .tb_type1 tbody {width: 100%;}
	.sub_my_wrap .tb_type1 table tbody th,
	.sub_my_wrap .tb_type1 table tbody td {font-size: 12px;}
	.sub_my_wrap .tb_type1 .mobile_wrap li {margin: 10px 0; border: 1px solid #ddd; }
	.sub_my_wrap .tb_type1 .mobile_wrap li p {display: table; width: 100%;}
	.sub_my_wrap .tb_type1 .mobile_wrap li p .left_txt,
	.sub_my_wrap .tb_type1 .mobile_wrap li p .right_txt {display: table-cell; vertical-align: middle; padding: 7px 0 7px 10px;  text-align: left; word-break:keep-all;}
	.sub_my_wrap .tb_type1 .mobile_wrap li p .left_txt {background-color: #f7f7f7; width: 100px;}
	.sch_wrap p:nth-child(1) {display: block;}
	.sch_wrap p:nth-child(2) {width: calc(100% - 68px);}
	.sch_wrap p:nth-child(2) input[type=text] {width: 100%;}
	.sch_wrap p select {width: 60px;}
	.sch_wrap p span {width: calc(50% - 12px);}
	.sch_wrap p span:nth-child(2) {width: 20px;}
	.sch_wrap .sch_data {width: 100%; margin-bottom: 5px;}
	input, textarea, select, button {font-size: 12px; vertical-align: middle;}
	.service_step_wrap textarea {font-size: 12px;}
	.form_wrap input[type=text],
	.form_wrap select {font-size: 12px;	}
	.sch_wrap input[type=text], .sch_wrap select {font-size: 12px;}
	.sub_my_wrap .sub_member_wrap .my_qna_box li {padding-right: 70px;}
	.service_step_wrap .tb_type1 table tbody th,
	.service_step_wrap .tb_type1 table tbody td { padding: 10px 5px;}
	.form_popup_wrap .layer {padding: 15px;}
	
	.pw_wrap .form_wrap h4 {font-size: 18px;}
	.pw_wrap .form_wrap input[type=password] {width: 200px;}
	.pw_wrap .form_wrap .btn {width: 60px; font-size: 12px;}

}