@charset "utf-8";

/* ------------------------------------------------------------
 * Name      : my.css
 * Desc      : 개인정보처리방침 스타일시트 
 * Created   : 2023/08/03 webpeople Design Team
 * Updated   :
 ------------------------------------------------------------ */
#wrap {min-width:1200px;}
#head h2 {
    display: inline;
    font-size: 36px;
    line-height: 110px;
    margin: 0 50px;
	letter-spacing:-3px;
}

#header {
    border-bottom: 1px solid #ddd;
}

#sub_body {
    position: relative;
    width: 1200px;
    min-height: 500px;
    margin: 107px auto;
    overflow: hidden;
}

/* 탭메뉴 */
.privacy_menu {width:750px; margin:25px auto; font-size:0; text-align:center;}
.privacy_menu ul li, .privacy_menu ul li.on {display:inline-block; position:relative; z-index:210; margin:0 0 0 -1px; font-size:15px; font-weight:300; width:250px; text-align:center; }
a:hover, a:active, a:focus {text-decoration: none;}
.privacy_menu ul li.on {z-index:250;}
.privacy_menu a {display:block; padding:10px 25px; height:15px; line-height:15px;}
.privacy_menu ul li a {border:1px solid #ddd; color:#666;}
.privacy_menu ul li.on a {border:1px solid #444; color:#222;}
.privacy_menu ul > li:first-child a {border-radius:5px 0 0 5px;}
.privacy_menu ul > li:last-child a {border-radius:0 5px 5px 0;}

/* 개인정보 처리방침 */

html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

	.policy_qr {
		float: right;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
		width: fit-content;
		font-size: 17px;
		font-weight: bold;
		color: #000;
		line-height: 1.3;
		text-align:center;
	}
	.policy_qr img {
		width:30.1%;
	}

	.reportbox {border:1px solid #ddd; padding:30px; background:#f9f9f9; float:left; margin:30px 0; text-align:justify}

    table.labeling td div {margin:5px 0 10px; text-align:center;}
    table.labeling td div img {width:62.4px;}
    table.labeling td strong {display:block; margin-bottom:5px; color:#222;}

    table.indexlist td {text-align:left; padding:20px 0 20px 20px; line-height:1.7;}

    table.comparison {border-width:1px 0 0;}
    table.comparison > thead th {padding:10px; font-size:15px; font-weight: bold; color: #000;}
    table.comparison td.vat {padding:20px; vertical-align: top;}
    
	#usebox, #usebox h3, #usebox p, #usebox ul, #usebox li {float:left; width:100%; box-sizing:border-box;}

	.usedot {margin-top:30px; padding-bottom:10px;}
    #usebox h3 {margin:30px 0 10px; padding-top:10px; font-size:16px; font-weight:bold;}
    span.privacy_policy_icon {display:inline-block !important; height:45px; vertical-align:middle; position:relative; bottom:7px; margin-left:10px;}
    span.privacy_policy_icon img {height:100%;}

    #usebox ul {padding:0;}
    #usebox li {padding-bottom:10px;}
    #usebox li a {color:blue}
    #usebox li > ol {margin-left:20px; padding:5px 0 0 10px;}
    #usebox li > ul.none {margin-left:10px; padding-top:5px;}
    #usebox li > ul.none02 {margin-left:0; padding:5px 0 0 0;}
    #usebox li > ol li {padding-bottom:10px;}

    #usebox li > ol.num, #usebox li > ol.num li {list-style: auto;}
    #usebox li > ol.hangul, #usebox li > ol.hangul li {list-style: hangul;}
    #usebox li > ul.none, #usebox li > ul.none li {list-style: none;}
    #usebox li > ul.none02, #usebox li > ul.none02 li {list-style: none;}

    #usebox table.tstyle_basic {margin:5px 0 15px 0;}


	.privacy_step {
        display:flex;
        gap: 40px;
        margin-top: 10px;
    }
    .privacy_step li {
        position:relative;
        border: 1px solid #ddd;
        text-align: center !important;
    }
    .privacy_step li span {
        margin-bottom: 10px;
        padding: 5px 0;
        background-color: #eee;
        border-bottom: 1px solid #ddd;
        font-weight:bold;
    }
    .privacy_step li:not(:last-child)::after {
        content: '➡';
        position: absolute;
        top: 50%;
        right: -29px;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999;
    }
/*
	.privacy_toggle {
		width: fit-content;
		font-size:15px;
		color:#000 !important;
		display:flex;
		align-items: center;
		gap:10px;
	}
	.privacy_toggle span {
		width:20px;
		height:20px;
		border-radius:100%;
		color: #fff;
		background: #024f93;
		font-size: 10px;
		text-align:center;
		line-height: inherit !important;
		transition: .3s;
	}
	.privacy_toggle:hover span {
		margin-left:3px !important;
		background: #0087ce;
		transition: .3s;
	}
*/
	.privacy_toggle  {
		display:flex;
		align-items: center;
		gap:10px;
	}
	.privacy_toggle input {
		width: fit-content;
		font-size:15px;
		font-weight: 800;
		background-color:transparent;
		border:none;
		color:#000 !important;
		
	}
	.privacy_toggle span {
		width:20px;
		height:20px;
		border-radius:100%;
		color: #fff;
		background: #024f93;
		font-size: 10px;
		text-align:center;
		line-height: inherit !important;
		transition: .3s;
	}
	.privacy_toggle:hover span {
		margin-left:3px !important;
		background: #0087ce;
		transition: .3s;
	}

/* 개인정보 처리방침 _ 이전  */

.usesmalldot2 {padding:10px 0 0 20px; background:url(/korean/_template/image/default/common/dot.gif) no-repeat 12px 20px; font-weight:bold}
#usebox span{display:block;}
.use_wid2 {padding:10px 0 0 20px; font-weight:bold}
.reportbox_btn {clear:left; margin:20px 10px;}
.reportbox_btn a {display:inline-block; padding:12px 50px; background:#0077b6; color:#fff !important;}