@charset "utf-8";

body {background:url('/Images/etc/etc_bg.jpg') repeat-x 0 0 #fff;}
#contents {/*height:100vh;*/background:url('/Images/etc/etc_bg.jpg') repeat-x 0 0 #fff;overflow:hidden;}
#wrap.hei #contents {height:170vh;}
#wrap.hei #footer {position:absolute;bottom:0;}
.mt60 {margin-top: 60px !important;}

.etc {position:relative;min-height:1200px;}
.etc h2 {font-size:48px;color:#5c5c5c;text-align:center;margin-top:240px;font-weight:100;}
.etc .sitemap_ul {width:1200px;margin:65px auto;overflow:hidden;text-align:center;}
.etc .sitemap_ul li {width:200px;height:260px;border:1px solid #e5e5e5;margin:0 8px 16px;overflow:hidden;text-align:center;display:inline-block;vertical-align: top}
.etc .sitemap_ul li .title {font-size:16px;color:#ff4311;margin-top:30px;padding-bottom:15px;margin-bottom:15px;position:relative;}
.etc .sitemap_ul li .title:before {content:'';width:20px;height:1px;background:#ffbdac;position:absolute;left:50%;bottom:0;margin-left:-10px;}
.etc .sitemap_ul li a {display:block;font-size:14px;color:#333;font-weight:300;margin-bottom:10px;line-height:14px;}
.etc .sitemap_ul li a:hover {color:#ff4311;}

.etc .law_box {width:840px;margin:60px auto;border:1px solid #dbdbdb;padding:55px;}
.etc .law_box .title {font-size:16px;color:#ff4311;font-weight:700;text-align:center;margin-bottom:15px;}
.etc .law_box .text {font-size:24px;color:#333;font-weight:300;text-align:center;margin-bottom:40px;}
.etc .law_box p {font-size:16px;color:#333;line-height:28px;font-weight:300;}

.etc .rejection_box {width:950px;margin:60px auto 120px;border:1px solid #dbdbdb;overflow:hidden;padding:100px 0;}
.etc .rejection_box .ico {position:relative;padding-bottom:25px;text-align:center;margin-bottom:25px;}
.etc .rejection_box .ico:before {content:'';width:20px;height:1px;background:#ff4311;position:absolute;left:50%;bottom:0;margin-left:-10px;}
.etc .rejection_box p {font-size:16px;color:#333;line-height:28px;font-weight:300;text-align:center;}

.etc .work_box {width:950px;margin:270px auto 60px;border:1px solid #dbdbdb;overflow:hidden;padding:60px 0;text-align:center;}
.etc .work_box .logo {text-align:center;margin-bottom:60px;}
.etc .work_box .text {width:600px;font-size:24px;color:#333;line-height:38px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;margin:0 auto 20px;}
.etc .work_box p {font-size:16px;color:#333;line-height:28px;font-weight:300;text-align:center;margin-bottom:60px;}
.etc .work_box .btn_main {width:160px;height:40px;display:block;margin:0 auto;border:1px solid #ff4311;border-radius:40px;font-size:14px;color:#333;font-weight:300;line-height:40px;text-align:center;}
.etc .work_box .btn_main:hover {background:#ff4311;color:#fff;}

.etc .privacy_area {width:1000px;margin:0 auto;padding-bottom:40px;}
.etc .privacy_area h3 {margin:35px 0 15px;}
.etc .privacy_area .privacy_text {font-size:16px;color:#5c5c5c;line-height:26px;font-weight:300;margin:60px 0;}
.etc .privacy_area .privacy_text span {font-weight:500;color:#333;}
.etc .privacy_area .privacy_ul {position:relative;overflow:hidden;}
.etc .privacy_area .privacy_ul li {position:relative;}
.etc .privacy_area .privacy_ul li .hidden_box {display:none;padding:20px 20px 0;border-top:1px solid #d6d6d6;}
.etc .privacy_area .privacy_ul li .hidden_box p {font-size:14px;color:#5c5c5c;line-height:24px;margin-bottom:20px;font-weight:300;}
.etc .privacy_area .privacy_ul li .hidden_box p span {font-weight:500;}
.etc .privacy_area .privacy_ul li a {height:48px;display:block;position:relative;padding:0 20px;border-top:1px solid #d6d6d6;vertical-align:top;font-size:16px;color:#5c5c5c;line-height:48px;font-weight:300;}
.etc .privacy_area .privacy_ul li:last-child a {border-bottom:1px solid #d6d6d6;}
.etc .privacy_area .privacy_ul li:last-child .hidden_box {border-top:0;border-bottom:1px solid #d6d6d6;}
.etc .privacy_area .privacy_ul li a:before {content:'';width:22px;height:12px;position:absolute;right:17px;top:19px;background:url('/Images/etc/ico_cursor.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.etc .privacy_area .privacy_ul li a span {width:100px;display:inline-block;position:relative;padding-right:20px;margin-right:40px;}
.etc .privacy_area .privacy_ul li a span:before {content:'';width:1px;height:16px;background:#d6d6d6;position:absolute;right:0;top:15px;}
.etc .privacy_area .privacy_ul li.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.etc .privacy_area table{margin: 25px auto 45px;border-top: 2px solid #414141;border-bottom: 1px solid #b3b3b3;}
.etc .privacy_area table tr > * {border-top:1px #b3b3b3 solid;}
.etc .privacy_area table th{padding: 12px 20px;font-size: 14px;color: #333;text-align: center;font-weight: 700; border-top: 1px solid #dedede;border-left:1px solid #dedede;}
.etc .privacy_area table td{padding: 12px 20px;font-size: 14px;color: #5c5c5c;border-top: 1px solid #dedede;border-left:1px solid #dedede;}
.etc .privacy_area table td li {line-height: 22px;}
.etc .privacy_area table td li + li {margin-top: 7px;}
.etc .privacy_area table .first{border-left:0;text-align: center;}
.etc .privacy_area table thead th {position: relative; text-align: center; background: #f7f7f7; border-left:0;}
.etc .privacy_area table thead th:before{content: '';position: absolute;left:0;top:17px;bottom:17px;width: 1px;background: #b3b3b3;}
.etc .privacy_area table thead th:first-child:before{content: none;}
.etc .privacy_area table tbody tr.div > * {border-top: 1px solid #b3b3b3;}

.etc .privacy_area .talbe_add table{margin: 25px auto 45px;border-top: 2px solid #414141;border-bottom: 1px solid #b3b3b3;}
.etc .privacy_area .talbe_add table tr > * {border-top:1px #b3b3b3 solid;}
.etc .privacy_area .talbe_add table th{padding: 12px 20px;font-size: 14px;color: #333;text-align: center;font-weight: 500; border-top: 1px solid #dedede;border-left:1px solid #dedede;}
.etc .privacy_area .talbe_add table td{padding: 12px 20px;font-size: 14px;color: #5c5c5c;border-top: 1px solid #dedede;border-left:1px solid #dedede; font-weight: 500;}
.etc .privacy_area .talbe_add table td li {line-height: 22px;}
.etc .privacy_area .talbe_add table td li + li {margin-top: 7px;}
.etc .privacy_area .talbe_add table .first{border-left:0;text-align: center; width: 150px;}
.etc .privacy_area .talbe_add table {border-left:0;text-align: center;}
.etc .privacy_area .talbe_add table thead th {position: relative; text-align: center; background: #f7f7f7; border-left:0;}
.etc .privacy_area .talbe_add table thead th:before{content: '';position: absolute;left:0;top:17px;bottom:17px;width: 1px;background: #b3b3b3;}
.etc .privacy_area .talbe_add table thead th:first-child:before{content: none;}
.etc .privacy_area .talbe_add table tbody tr.div > * {border-top: 1px solid #b3b3b3;}

.etc .location_policy_box {width:798px;margin:30px auto 90px;padding:40px 80px 50px;border:1px solid #dbdbdb;}
.etc .location_policy_box.last {margin-bottom: 100px;}
.etc .location_policy_box h4 {margin-bottom: 40px;font-size: 24px; color: #5c5c5c; text-align: center;}
.etc .location_policy_box h4 em {margin-bottom: 15px;font-size: 16px; color: #ff4311;}
.etc .location_policy_box p {font-size:14px;color:#5c5c5c;line-height:24px;margin-bottom:20px;font-weight:300;}
.etc .location_policy_box p span {font-weight:500;color:#333;}

.etc .law_ul {width:840px;overflow:hidden;padding:40px 0 0 0;margin-top:40px;border-top:1px solid #ccc;}
.etc .law_ul li {width:420px;min-height:170px;float:left;position:relative;}
.etc .law_ul li:last-child {width:360px;padding-left:60px;}
.etc .law_ul li:last-child:before {content:'';width:1px;height:100%;background:#ccc;position:absolute;left:0;top:0;}
.etc .law_ul li .law_title {font-size:16px;color:#ff4311;font-weight:700;position:relative;padding-bottom:10px;margin-bottom:10px;}
.etc .law_ul li .law_title:before {content:'';width:20px;height:1px;background:#ff4311;position:absolute;left:0;bottom:0;}
.etc .law_ul li .law_text {font-size:14px;color:#5c5c5c;font-weight:700;line-height:22px;margin-bottom:20px;}
.etc .law_ul li .text_box {position:relative;padding-left:12px;font-size:14px;color:#333;line-height:22px;}
.etc .law_ul li .text_box span {text-indent:53px;display:inline-block;}
.etc .law_ul li .text_box:before {content:'';width:4px;height:4px;background:#333;position:absolute;left:0;top:9px;border-radius:4px;}


.etc .btn_area {margin-bottom:80px;}
.etc .btn_area .btn_dir_go {width:162px;height:50px;display:block;position:relative;margin:0 auto;font-size:16px;line-height:49px;text-align:center;border:1px solid #929292;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.etc .btn_area .btn_dir_go span {position:relative;display:inline-block;padding-right: 20px}
.etc .btn_area .btn_dir_go span:before {
    content:'';width:7px;height:11px;position:absolute;right:0;top:18px;background:url('/Images/support/ico_link_go.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.etc .btn_area .btn_dir_go:hover{background: #ff4311;border-color:#ff4311;}
.etc .btn_area .btn_dir_go:hover span {color: #fff}
.etc .btn_area .btn_dir_go:hover span:before {background-image: url("/Images/support/ico_link_go_on.png")}
.etc .btn_area .btn_dir_go2 {width:162px;height:50px;border:1px solid #929292;display:block;position:relative;margin:0 auto;font-size:16px;line-height:49px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.etc .btn_area .btn_dir_go2 span {position:relative;display:inline-block;color:#333;padding-right: 20px}
.etc .btn_area .btn_dir_go2 span:before {content:'';width:7px;height:11px;position:absolute;right:0;top:18px;background:url('/Images/support/ico_link_go.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.etc .btn_area .btn_dir_go2:hover{background: #ff4311;border-color: #ff4311}
.etc .btn_area .btn_dir_go2:hover span {padding-right:20px;color: #fff}
.etc .btn_area .btn_dir_go2:hover span:before {background-image: url("/Images/support/ico_link_go_on.png")}

.etc .privacy_ver {width:840px;margin:20px auto 0;position:relative;padding-bottom:100px;z-index:1;}
.etc .privacy_ver .privacy_link {float:right; font-size: 14px;color: #5c5c5c;}
.etc .privacy_ver .privacy_link .select_box{display:block;position:relative;border:1px solid #dedede;width:250px;float: right;  height: 35px;line-height: 34px;}
.etc .privacy_ver .privacy_link .select_box:after{display:inline-block;content:'';position:absolute;top:15px;right:17px;width:12px;height:6px;background: url('/Images/etc/ico_ver.png') no-repeat center top;background-size: cover;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.etc .privacy_ver .privacy_link .select_box.on:after{-ms-transform: rotate(180deg);-webkit-transform:rotate(180deg);transform: rotate(180deg);}
.etc .privacy_ver .privacy_link .select_box a{display: block;padding:0 18px;}
.etc .privacy_ver .privacy_link ul.select_ver{display:none;position: absolute;top:35px;right:0;width:250px;background-color: #ffffff;border: 1px solid #dedede;color: #5c5c5c; height: 169px;overflow-y: scroll;}
.etc .privacy_ver .privacy_link ul.select_ver li{line-height:34px;text-indent:9px;font-size: 14px;}
.etc .privacy_ver .privacy_link ul.select_ver li a{display: block;width:100%;}
.etc .privacy_ver .privacy_link ul.select_ver li a:hover{background-color:#f1732f;color:#ffffff;}
.etc .privacy_ver .privacy_link .select_box.on+ul.select_ver{display:block}

.etc .privacy_v {width:840px;margin:20px auto 0;position:relative;padding-bottom:100px;}
.etc .privacy_v .select_box {display:inline-block;position:relative;margin-left:5px; width:250px;float: right;  height: 35px;line-height: 34px;}
.etc .privacy_v .select_box:before {content:'';width:7px;height:3px;position:absolute;top:15px;right:17px;width:12px;height:6px;background:url('/Images/etc/ico_ver.png') no-repeat 0 0;z-index:2;font-size: 14px;color: #5c5c5c;}
.etc .privacy_v .select_box:after {content:'';width:250px;height:100%;position:absolute;right:0;top:0;background:#fff;border: 1px solid #dedede;color: #5c5c5c;z-index:1;}
.etc .privacy_v .select_box select {width:245px;height:35px;border:0;display:inline-block;vertical-align:top;text-indent:5px;margin-left:5px;position:relative;z-index:3;}


.etc .privacy_area .privacy_ul .hidden_box .text_box_sub {border: solid 1px #d7d7d7; padding: 20px;}