@charset "UTF-8";

/* HEADER */
.header {position: relative;}
.logout{position: absolute; top:15px; right:200px;}
.btn_home {padding: 15px;position:absolute;top:-15px;right:0;}

/* 공통 */
.btn_area {text-align:center;}
.btn_area .btn_00 {color:#fff;line-height:55px;border-radius:3px;background: linear-gradient(to right, #d0bc80, #dccdaa);display:inline-block;behavior: url('../css/PIE.htc');}
.btn_area .btn_01 {color:#4d4d4d;line-height:55px;border-radius:3px;border:1px solid #1e1e1e;display:inline-block;behavior: url('../css/PIE.htc');}
.btn_area .btn_02 {color:#fff;line-height:55px;border-radius:3px;background-color:#1e1e1e;display:inline-block;behavior: url('../css/PIE.htc');}
.btn_area .btn_03 {color:#fff;line-height:55px;border-radius:3px;border:2px solid #fff;display:inline-block;behavior: url('../css/PIE.htc');}
.deal_info .btn_02 {font-size:16px;font-weight:bold;margin-top:30px;line-height:45px;padding:0 85px;background-color:#1e1e1e;}
.agreement .btn_01,.visitor .btn_01 {font-size:16px;font-weight:bold;line-height:43px;margin-top:30px;margin-left:10px;padding:0 85px;}
.agreement .btn_02,.visitor .btn_02 {font-size:16px;font-weight:bold;line-height:45px;margin-top:30px;padding:0 85px;}

select {padding: 0 20px;line-height:42px;height:44px;border:1px solid #cfcfcf;display:inline-block;border-radius:3px;behavior: url('../css/PIE.htc');-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
input::placeholder, textarea::placeholder{color:#c6c6c6; font-size:20px;}
.select_wrap {display:inline-block;position:relative;}
.select_wrap .btn_togl {font-size:0;width:32px;height:44px;z-index:-1;background:url(../images/img/arrow1.png) no-repeat 50%;position:absolute;top:0;right:0;}
.selectric-wrapper {width:100%;}
.selectric {border:1px solid #cfcfcf;border-radius:3px;behavior: url('../css/PIE.htc');-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.selectric .label {line-height:42px;height:42px;}

html,body{width:100%; height:100%;}

/* 메인 로그인 */
.main{width:100%;height:100%; display: flex; justify-content: center; }
.wrap{height:100%; display: flex; flex-direction: column; justify-content: space-between; }
.main .header {width:100%;height:300px; margin:0 auto; }
.main .header .inner_wrap {position:relative;text-align:center;}

.footer{text-align: center;margin:0 auto; }
.footer .add{font-size:14px; color:#bcbcbc; margin-top: 50px;}
.footer .copy{font-size:11px;letter-spacing: 0;color:#ddd;font-family: Arial;margin-bottom: 30px;}

.main .login_area {width:100%;z-index:1; text-align: center;}
.main .login_area .inner_wrap {width:398px;margin:0 auto;}
.main .login_area .login_box {text-align:center;padding:35px 32px 46px 32px;background-color:#fff;behavior: url('../css/PIE.htc');}
.main .login_area .login_box dl:first-child {margin-bottom:15px;}
.main .login_area .login_box dl dt {margin-bottom:12px;display:inline-block;}
.main .login_area .login_box dl dt label {font-size:18px;line-height:30px;font-weight:bold;display:block;}
.main .login_area .login_box dl dd .input_wrap {border:1px solid #ccc;border-radius: 3px;behavior: url('../css/PIE.htc');}
.main .login_area .login_box dl dd .input_wrap input {height:53px;line-height:53px;text-align:left;font-size:20px;padding-left:10px;color:#666;vertical-align:middle;display:inline-block;behavior: url('../css/PIE.htc');}
.main .login_area .login_box .btn_area .btn_02 {font-size:22px;font-weight:bold;margin-top:36px;display:block;}
.main .login_area .login_box .btn_area .btn_00 {font-size:22px;font-weight:bold;margin-top:36px;display:block;}

.main .login_area_complete {text-align:center;padding-top:300px;width:100%;position:absolute;top:0;left:0;z-index:1;}
.main .login_area_complete .inner_wrap {width:950px;}
.main .login_area_complete h2 {font-size:45px;color:#fff;line-height:70px;font-weight:bold;margin-bottom:110px;}
.main .login_area_complete h2 span {font-size:45px;color:#fff;line-height:70px;border-bottom:1px solid #fff;display:inline-block;vertical-align:top;}
.main .login_area_complete .btn_area .btn_03 {font-size:22px;font-weight:bold;margin-top:20px;width:350px;display:inline-block;border-radius:2px;behavior: url('../css/PIE.htc');}
/*.main .register_complete .btn_area .btn_03 {font-size:22px;font-weight:bold;margin-top:130px;padding:0 105px;display:inline-block;border-radius:2px;behavior: url('../css/PIE.htc');}*/

.main .register_complete {text-align:center;padding-top:258px;width:100%;position:absolute;top:0;left:0;z-index:1;}
.main .register_complete p {font-size:45px;color:#fff;line-height:50px;font-weight:bold;}
.main .register_complete p strong {font-size:45px;color:#fff;line-height:60px;font-weight:bold;display:block;vertical-align:top;}
.main .register_complete .btn_area .btn_03 {font-size:22px;font-weight:bold;margin-top:130px;padding:0 105px;display:inline-block;border-radius:2px;behavior: url('../css/PIE.htc');}

/* 서브페이지 */
.visitor .header {width:1010px; margin:0 auto;height:110px;margin:0 auto;}
.visitor .header .Product_Expert{position: absolute; top:20px;right:300px; color:#636366; font-weight: bold; font-size:20px;}
.visitor .top{text-align: center; height:80px; font-size:30px;line-height: 80px;margin: 30px 0 10px 0;}

.visitor .container {width:1010px;margin:0 auto;}

.section {text-align:left;padding-top:20px;}
.section .sec_tit {font-size:22px;color:#413b52;line-height:22px;padding-bottom:10px;border-bottom:1px solid #000;}
.section table {width:100%;}
.section table th {text-align:left;line-height:60px;padding-left:25px;border-bottom:1px solid #e6e6e6;background-color:#f3f3f3;}
.section table th .must {padding-left:10px;background:url(../images/img/star.png) no-repeat 0 center;}
.section table th label {padding-left:10px;}
.section table th label span {width:0;text-indent:-100000px;display:inline-block;}
.section table td {border-bottom:1px solid #e6e6e6;padding:20px 0;}
.section table td .select_wrap {width:35%;}
.section.last {border-bottom:1px solid #ccc;}
.section table .input_wrap {border:1px solid #ccc;border-radius:3px;behavior: url('../css/PIE.htc');display:inline-block;}
.section table .input_wrap input {height:42px;line-height:42px;text-align:center;border-radius:3px;vertical-align:middle;display:inline-block;behavior: url('../css/PIE.htc');}

.visitor .section {margin-bottom:20px;}
.visitor .section table td {padding:8px 0 8px 20px;position:relative;}
.visitor .section table td .input_wrap {width:50%;}
.visitor .section table td .input_wrap input {padding:0 10px;text-align:left;}
.visitor .section table td .reject {position:absolute;top:22px;right:0;}
.visitor .section table td .reject label {font-size:14px;font-weight:bold;padding-left:10px;}
.visitor .section .caution {padding-top:10px;line-height:16px;color:#454545;}
.visitor .section table .td2 .select_wrap {}
.visitor .section table .td2 .input_wrap {width:20%;}
.visitor .section table .td3 .input_wrap {width:25%;}
.visitor .section table .td3 .select_wrap {margin-left:15px;width:25%;}
.visitor .section table .td4 label {font-size:14px;font-weight:bold;padding-left:8px;margin-right:40px;}
.visitor .section table .td5 .select_wrap {width:15%;}
.visitor .section table .td6 .select_wrap {width:15%;}
.visitor .section table .td6 .input_wrap {width:35%;}
.visitor .section table .td6 .input_wrap.block {width:80%;margin-top:7px;}
.visitor .section table .td6 .btn_post {font-size:20px;color:#fff;line-height:44px;margin-left:5px;padding:0 20px;border-radius:3px;display:inline-block;background-color:#333;behavior: url('../css/PIE.htc');display:inline-block;}
.visitor .section table .td7 .select_wrap ,.visitor .section table .td8 .select_wrap ,
.visitor .section table .td9 .select_wrap ,.visitor .section table .td12 .select_wrap {width:45%;}
.visitor .section table .td7 .select_wrap:first-child {margin-right:15px;}
.visitor .section table .td8 .select_wrap:first-child {margin-right:15px;}
.visitor .section table .td10 .input_wrap {width:45%;}
.visitor .section table .td11 ul {width:70%;}
.visitor .section table .td11 li {line-height:25px;min-width:100px;margin-bottom:10px;display:inline-block;}
.visitor .section table .td11 label {font-size:14px;font-weight:bold;padding-left:10px;}
.visitor .section table .td11 li.etc {width:90%;margin-bottom:0;}
.visitor .section table .td11 li.etc .input_wrap {margin-left:10px;width:70%;}

.deal_info .section {margin-bottom:10px;}
.deal_info .section table td {border-bottom:0;}
.deal_info .section table td .select_wrap:first-child {margin-right:20px;}
.deal_info .section.last td {padding: 30px 0;}
.deal_info .section.last td label {font-weight:bold;padding-left:10px;margin-right:40px;}

.container .tit_area {margin-top:20px;margin-bottom:40px;}
.container .tit_area .tit {font-size:35px;color:#413b52;line-height:35px;margin-bottom:12px;}
.container .tit_area p {font-size:16px;color:#5a5a62;line-height:18px;}
.deal_info .tit_area .tit {padding-top:65px;background:url(../images/img/icon1.png) no-repeat center 0;}
.agreement .tit_area .tit {padding-top:65px;background:url(../images/img/icon2.png) no-repeat center 0;}
.visitor .tit_area .tit {padding-top:65px;background:url(../images/img/icon3.png) no-repeat center 0;}

.container .list_toggle1 li:first-child {border-top:0;}
.container .list_toggle1 li {border-top:1px solid #000;position:relative;}
.container .list_toggle1 li h2 a {font-size:14px;color:#000;line-height:28px;padding:20px 0 20px 33px;background:url(../images/btn/btn_open.png) no-repeat 0 center;}
.container .list_toggle1 li.on h2 a {font-size:14px;color:#000;line-height:28px;padding:20px 0 20px 33px;background:url(../images/btn/btn_close.png) no-repeat 0 center;}
.container .list_toggle1 li .list_conts {padding-bottom:10px;display:none;border-top:1px solid #b2b2b2;}
.container .list_toggle1 li.on .list_conts {display:block;}
.container .list_toggle1 .check_area {position:absolute;top:22px;right:0;}
.container .list_toggle1 .check_area label {font-size:14px;color:#333;line-height:25px;font-weight:bold;padding-left:8px;margin-right:20px;display:inline-block;}
.container .list_toggle1 .list_conts_bg {padding:20px;background-color:#f6f6f6;}
.container .list_toggle1 .list_conts_bg dl {margin-top:20px;}
.container .list_toggle1 .list_conts_bg dl:first-child {margin-top:0;}
.container .list_toggle1 .list_conts_bg dl:first-child span {color:#FF513F;}
.container .list_toggle1 .list_conts_bg dt {font-size:14px;color:#333;line-height:14px;font-weight:bold;margin-bottom:8px;}
.container .list_toggle1 .list_conts_bg dd {font-size:14px;padding-left:18px;background:url(../images/img/bullet1.png) no-repeat 0 center;}
.container .list_toggle1 .list_conts.marketing .list_conts_bg {margin-bottom:15px;}
.container .list_toggle1 .list_conts.marketing .list_conts_bg p {margin:0;letter-spacing:0;line-height:18px;}
.container .list_toggle1 .list_conts p {color:#454545;padding:7px 0;margin: 0 20px;letter-spacing:-1px;}
.container .list_toggle1 .list_conts .caution {font-size:14px;color:#454545;line-height:16px;padding-left:18px;background:url(../images/img/bullet2.png) no-repeat 0 center;}
.container .list_toggle1 .list_conts th {font-size:14px;color:#000;line-height:50px;font-weight:bold;text-align:center;border-bottom:1px solid #e6e6e6;padding:0;background-color:#f7f7f7;}
.container .list_toggle1 .list_conts td {font-size:14px;color:#333;line-height:18px;letter-spacing:-1px;padding: 20px 20px 20px 28px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.container .list_toggle1 .list_conts td.no-border {border-right:0;padding-left:60px;text-align:left;}
.container .list_toggle1 .list_conts .tbl3 td {padding: 20px 20px 35px 28px}
.container .list_toggle1 .list_conts .tbl3 td.no-border {text-align:left;}
.container .list_toggle1 .list_conts .tbl3 td dfn {font-style:normal;display:inline-block;vertical-align:top;}
.container .list_toggle1 .list_conts .tbl3 td span {display:inline-block;vertical-align:top;}
.container .list_toggle1 .check_all {padding:30px 0 55px 0;}
.container .list_toggle1 .check_all .caution {margin-top:20px;color:#454545;}

.container .sign {padding-top:42px;text-align:left;}
.container .sign .date {font-size:30px;color:#000;line-height:30px;letter-spacing:-1px;font-weight:bold;margin-bottom:20px;}
.container .sign input {padding: 0 10px;border:1px solid #ccc;line-height:44px;height:44px;width:40%;margin-bottom:20px;}
.container .sign .sign_area {width:900px;border:1px solid #ccc;min-height:245px;}
.container .sign span {margin-left:840px;font-size:14px;color:#333;line-height:36px;display:block;}

.check_all {padding-bottom:10px;border-bottom:1px solid #000;}
.check_all .sec_tit {margin-right:20px;padding-bottom:0;border-bottom:0;display:inline-block;}
.check_all label {padding-left:10px;font-size:14px;font-weight:bold;}

.check_info {margin-top:40px;text-align:left;}
.check_info .sec_tit {font-size: 22px}

.tbl1 th {width:160px;}
.section table td span.customer_id{float:right; padding-right:40px;}

.cont_table{width:100%; }
.cont_table .table_list_tit{display: flex; align-items: center; justify-content: center;font-size:24px;  height:100px;}
.cont_table .table_list_tit button{background: #fff;}
.cont_table table {width:100%;text-align: center;}
.cont_table table th{background: #ccc; color:#fff;height:60px; line-height: 60px; font-size:16px;}
.cont_table table td{border:1px solid #eee; padding:15px 0;font-size:16px;}
.cont_table table button.btn_table{background: #333; color:#fff; padding:8px 12px; font-size:16px;border-radius: 5px;}