@charset "utf-8";
/*-------------------------------------------------------------------
파일정의 : index.css
작성날짜 : 2022-04-29 김도환
참고사항 : 이 CSS 파일은 views/mobile/email-policy.jsp 에만 적용 된다.
-------------------------------------------------------------------*/

.section_banner {margin-bottom: 18rem;}

.section_banner h1 {font-size: 6.4rem; font-weight: 700; margin-top: 4.5rem; margin-bottom: 4.1rem; text-align: center;}
.section_banner .certification_wrap {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.5rem;}
.section_banner .certification_wrap .des_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1;  -ms-flex: 1 1;  flex: 1 1;}
.section_banner .certification_wrap_box { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0.1rem solid #393636; padding: 2.5rem;}
.section_banner .certification_wrap_box .des_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1;}
.section_banner .certification_wrap .des_wrap h2 { font-size: 3.2rem; font-weight: 500; line-height: 6.6rem; text-align: center; margin-bottom: 2.5rem;}
.section_banner .certification_wrap .des_wrap h3 { color: #e2e2e2; font-size: 2rem; line-height: 3.2rem; word-break: keep-all; margin-bottom: 5.6rem;}
.section_banner .certification_wrap .des_wrap h4 { color: rgba(226, 226, 226, 0.5); font-size: 1.8rem; line-height: 3.4rem;}

.section_banner p {text-align: left;}

.title-1 { font-size: 32px; font-weight: 700;}

.txt-hanwha { font-family: Hanwha, sans-serif;}

/* 개인정보 처리방침 */
.terms_box{width:100%; margin:0px auto; font-size:2rem; color:#fff; line-height:3.4rem; padding: 2.5rem;}
.terms_box a{color:#f37321}
.terms_box .terms_sec{margin-bottom:60px;}
.terms_box .terms_sec.last{margin-bottom:0px;}
.terms_box .cen{text-align:left;}
.terms_box h5{font-size:2rem; font-weight:bold; margin-bottom:16px; color:#f37321;}
.terms_box .tt1{font-size:1.8rem; color:#fff; line-height:28px; margin-bottom:48px;}
.terms_box .tt2{margin-bottom:3px;}
.terms_box .tt3{margin-bottom:20px; font-size:18px; line-height: 2.8rem; font-weight: 300 !important;}
.terms_box .tt4{margin-bottom:21px !important;}
.terms_box .tt5{margin-bottom:15px; font-weight: 300 !important;}
.terms_box .tt6{padding-left:25px; font-weight: 300 !important;}
.terms_box .tt7{padding-left:105px; font-weight: 300 !important;}
.terms_box .list1 > li{ margin-top:30px;}
.terms_box .list2{ margin-top:32px; margin-bottom:15px;}
.terms_box .list3{ margin-top:18px; margin-bottom:35px; font-size:18px;line-height: 1.7;font-weight: 300;}
.terms_box .list4{margin-top:30px; margin-bottom:38px;}
.terms_box .list5 > li{margin-bottom:30px;}
.terms_box .list6{margin:32px 0px;}
.terms_box .list7 > li{position:relative; padding-left:8px;}
.terms_box .list7 > li:before{position:absolute; content:'-'; left:0px;}
.terms_box .list8 > li{margin-bottom:8px; font-weight: 300 !important;}
.terms_box .list_c > li{position:relative; padding-left:28px; margin-bottom:10px; font-weight: 300 !important;}
.terms_box .list_c .num{position:absolute; top:3px; left:0px; line-height:16px; width:16px;  height:18px; padding:0 1px; border:1px solid #fff; border-radius:50%; color:#fff; font-size:14px; text-align:center;}
.terms_box .index_list_wrap{border:1px solid #393636; overflow:hidden;}
.terms_box .index_list{float:left; padding:40px 35px 40px 72px; color: #f0f0f0; font-size: 1.8rem;}
.terms_box .personal_pre {margin-top: 70px;}

.list_c_dot { background: url(/resources/assets/web/img/ic_list_bullet.png) no-repeat left center; padding-left:10px;}

.section_posts .posts_table {width: 100%; margin-bottom: 5rem; border-top: 0.1rem solid #b3b3b3;}
.section_posts .posts_table tr {height: 8rem; border-bottom: 0.1rem solid #4d4d4d;}
.section_posts .posts_table tr th {background-color: #1d1d1d; }
.section_posts .posts_table tr td {text-align: center; font-weight: 300 !important;}

.section_posts .posts_table2 {width: 100%; margin-bottom: 8rem; border-top: 0.1rem solid #b3b3b3;}
.section_posts .posts_table2 tr {height: 6rem; border-bottom: 0.1rem solid #4d4d4d;}
.section_posts .posts_table2 tr th {background-color: #1d1d1d; }
.section_posts .posts_table2 tr td {text-align: center; font-weight: 300 !important;}

.section_posts .posts_table3 {width: 100%; margin-top: 3rem; margin-bottom: 4rem; border-top: 0.1rem solid #b3b3b3; padding-left: -20px !important;}
.section_posts .posts_table3 tr {height: 8rem; border-bottom: 0.1rem solid #4d4d4d;}
.section_posts .posts_table3 tr th {background-color: #1d1d1d; text-align: center !important;}
.section_posts .posts_table3 tr td {text-align: center; font-weight: 300 !important;}


/*.personal_pre select[disabled="disabled"] { background-color:#f4f4f4; color:#fff; }
.personal_pre select {padding:0 40px 0 19px;height:50px;line-height:48px;color:#fff;border:1px solid #ccc;vertical-align:middle;background:url('../images/common/select.png') 100% center no-repeat;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.personal_pre select:focus { border-color:#fff; outline:none; }
.personal_pre select::-ms-expand { display: none; }*/

.personal_pre select {
  position: relative;
  height: 5rem;
  width: 20rem;
  padding: 0 1.7rem;
  font-size: 1.6rem;
  border: 0;
  background-color: #1f1f1f;
  background-image: url('/resources/assets/web/img/ic_arrow_down.png');
  background-repeat: no-repeat;
  background-position: right 2rem center;
  margin-right: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}