/*리스트 스타일*/
.list-dot li {
    position:relative;
    padding-left:13px;
    margin-bottom:5px;
}
.list-dot li:after{
    position:absolute;
    left:0;
    content:'ㆍ';
}
.list-dash > li{
	position:relative;
	left:8px;
	margin-bottom:5px
}
.list-dash  > li:after{
	position:absolute;
	left:0;
	top:0;
	content:'-';
}
.dotNum,
.list-number {
	list-style: none;
	padding-left: 0;
	counter-reset: item;
	margin:6px 0;
}
.dotNum  > li,
.list-number > li {
	position: relative;
	text-align: left;
	margin-top: 3px;
	padding-left: 14px;
	margin-bottom: 3px;
}
.dotNum  > li:nth-child(n+10),
.list-number > li:nth-child(n+10){
	padding-left:25px;
}
.dotNum  > li:after,
.list-number > li:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 10px;
	content: counter(item) ".";
	counter-increment: item;
}
.putNum {
	list-style: none;
	padding-left: 0;
	counter-reset: item;
}
.putNum li {
	position: relative;
	text-align: left;
	margin-top: 3px;
	height: 100%;
	padding-left: 14px;
	margin-bottom: 3px;
	font-size:12px;
}
.putNum li:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 10px;
	content: counter(item) ")";
	counter-increment: item;
}
.putNum.b li:after{
	font-weight: 600;
}
.roundNum li,
.list-number-round > li{
	position:relative;
	padding-left: 19px;
	margin-bottom:5px;
}
.roundNum li:after,
.list-number-round li:after{
	position:absolute;
	left:0;
	top:0;
}
.roundNum > *:nth-child(1):after,
.list-number-round > li:nth-child(1):after{
	content:'①';
}
.roundNum > *:nth-child(2):after,
.list-number-round > li:nth-child(2):after{
	content:'②';
}
.roundNum > *:nth-child(3):after,
.list-number-round > li:nth-child(3):after{
	content:'③';
}
.roundNum > *:nth-child(4):after,
.list-number-round > li:nth-child(4):after{
	content:'④';
}
.roundNum > *:nth-child(5):after,
.list-number-round > li:nth-child(5):after{
	content:'⑤';
}
.roundNum > *:nth-child(6):after,
.list-number-round > li:nth-child(6):after{
	content:'⑥';
}
.roundNum > *:nth-child(7):after,
.list-number-round > li:nth-child(7):after{
	content:'⑦';
}
.roundNum > *:nth-child(8):after,
.list-number-round > li:nth-child(8):after{
	content:'⑧';
}
.roundNum > *:nth-child(9):after,
.list-number-round > li:nth-child(9):after{
	content:'⑨';
}
.roundNum > *:nth-child(10):after,
.list-number-round > li:nth-child(10):after{
	content:'⑩';
}
.roundNum > *:nth-child(11):after,
.list-number-round > li:nth-child(11):after{
	content:'⑪';
}
.roundNum > *:nth-child(12):after,
.list-number-round > li:nth-child(12):after{
	content:'⑫';
}
.roundNum > *:nth-child(13):after,
.list-number-round > li:nth-child(13):after{
	content:'⑬';
}
.roundNum > *:nth-child(14):after,
.list-number-round > li:nth-child(14):after{
	content:'⑭';
}
/*가나다*/
.list-kana{
	margin:5px 0 ;
}
.list-kana > *{
	position:relative;
	padding-left:20px;
	display:block;
	margin-bottom:3px;
}
.list-kana > *:after{
	position:absolute;
    left:0;
    top:0;
}
.list-kana.b > *:after{
	font-weight: 600
}
.list-kana > *:first-child:after{
	content:'가.';
}
.list-kana > *:nth-child(2):after{
	content:'나.';
}
.list-kana > *:nth-child(3):after{
	content:'다.';
}
.list-kana > *:nth-child(4):after{
	content:'라.';
}
.list-kana > *:nth-child(5):after{
	content:'마.';
}
.list-kana > *:nth-child(6):after{
	content:'바.';
}
.list-kana > *:nth-child(7):after{
	content:'사.';
}
.list-kana > *:nth-child(8):after{
	content:'아.';
}
.sub-list {
	margin:10px 0 10px;
}
#sub_section{
    width:100%;
    margin: 0 auto;
	font-family:"noto3";
}
#sub_section ul li{
	float:none;
}
#sub_section .inner,
#sub_section .content{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    position: relative;
}
#sub_section .inner .sub_cate_title{
    font-size:25px;
    margin:0 0 18px 0;
    font-family:'noto5';
    font-weight: 100;
}
/*TERMS : S*/
.terms_wrap{
    max-width:1200px;
    margin:0 auto;
    padding:30px 0;
    border-top:1px #cecece solid;
    color:#333;
}
.txtArea{
	width:100%;
	margin:15px auto 0;
}
.txtArea:first-child{
	margin:0 0 0 ;
}
.terms_wrap h3:not(.term_type_title),
.term_title{
    font-size:18px;
    margin: 20px 0 10px 0;
    color:#333;
}
.terms_wrap h3.border-tit{
    border-bottom:1px #000 solid;
    padding:0 0 20px 0;
    font-size:28px;
    text-align: center;
    font-family: 'noto5';
}
.terms_wrap h3:first-child{
    margin:0 0 10px 0;
}
.term_type_title{
	font-size:15px;
	font-weight:900;
	 margin: 20px 0 10px 0;
}
.terms_wrap .unik,
.term_table{
    border:1px #ccc solid;
    width:100%;
    margin:0 0 2% 0;
}
.terms_wrap .unik th,
.term_table th{
    width:33%;
    padding:15px 0;
    text-align:center;
    background:#ccc;
    color:#fff;
    border-left:1px #fff solid;
}
.terms_wrap .unik th:first-child,
.term_table th:first-child{
    border-left:0;
}
.terms_wrap .unik td,
.term_table td{
    word-break: keep-all;
    text-align: left;
    padding:10px;
    font-size: 13px;
    border:1px #ccc solid;
}
.terms_wrap .unik td p{
    word-break: keep-all;
    padding:0 10px;
    margin:1% 0 0 0;
}
.terms_wrap .unik td p:first-child{
    margin:0;
}
.terms_wrap .unik td.bg{
    background:#ccc;
    color:#fff;
}
.terms_wrap  table td h3{
    font-size:18px;
}
.terms_wrap p,
.terms_wrap span{
    line-height:150%;
    word-break: keep-all;
}
.terms_wrap .list-num{
    padding:0 0 0 22px;
    margin:1% 0 2% 0;
}
.terms_wrap .list-num li{
    list-style-type: decimal;
    list-style-position:outside;
    line-height:150%;
}
.terms_wrap ol > li,
.terms_wrap ul > li{
    line-height:150%;
    word-break: keep-all;
    float:none;
}
.terms_wrap .last_box{
    margin:2% 0 0 0;
    border:1px #000 solid;
    padding:2% 3%
}
.terms_wrap .last_box ul li{
    line-height:150%;
}
.terms_wrap .last_box ul li:last-of-type{
    text-align: right;
    background:#333;
    padding:5px 10px;
    margin:1% 0 0 0;
    font-size:14px;
}
.terms_wrap .last_box ul li a{
    display: block;
    color:#fff;
}
.terms_wrap dl{
    margin:1% 0 0 1.5%;
}
.terms_wrap dl.no_pd{
    margin:1% 0 0 0;
}
.terms_wrap dl dt{
    color:#2489c2;
    font-weight:600;
    line-height:150%;
    font-size:14px;
}
.terms_wrap dl dd{
    line-height:150%;
    word-break: keep-all;
	margin:1px 0 7px;
}
.terms_wrap  .list-dash{
    margin:0 0 2% 0;
}
.terms_wrap  .list-dash li{
    list-style-type: none;
    position :relative;
    padding:0 0 0 10px;
}
.terms_wrap  .list-dash li:before{
    content:"-";
    position: absolute;
    left:0;
}
.terms_wrap .term_txt{
	font-size:14px;
}
.terms_wrap .txtArea ul li{
	font-size:14px;
}
.terms_wrap .prev_btn{
    display: block;
    text-align: center;
    background:#666;
    color:#fff;
    padding:1% 0;
    line-height:150%;
    margin:1% 0 0 0;
    font-size:15px;
}
.terms_wrap .prev_btn:hover{
    text-decoration: underline;
}
.term_result_area{
	border:1px solid #989898;
	font-size:12px;
	padding:15px;
	box-sizing:border-box;
	max-width:1200px;
}
.term_result_area > .prev_term_view{
	display:block;
	margin:5px 0 ;
	width:100%;
	max-width:700px;
	background:#989898;
	padding:5px 15px;
	border-radius:5px;
	color:#ffffff!important;
	box-sizing:border-box;
}
.term_result_area ul li{
	font-size:14px;
}

/*TERMS : E*/


@media (min-width:961px) and (max-width:1200px){
    #sub_section .inner,
    #sub_section .content{
        margin:0 auto;
        max-width: 90%;
    }
    /*TERMS : S*/
    .terms_wrap h3{
        font-size: 17px;
    }
    .terms_wrap h3.border-tit{
        font-size:26px;
    }
    .terms_wrap ol > li,
    .terms_wrap ul > li,
    .terms_wrap p,
    .terms_wrap span,
    .terms_wrap dl dt,
    .terms_wrap dl dd,
    .terms_wrap  .list-dash li{
        font-size:15px;
    }
    .terms_wrap .unik td{
        font-size:14px;
    }
    /*TERMS : E*/
}

@media (min-width:0px) and (max-width:960px){

    /*리스트 스타일*/
    .list-dot li {
        margin-bottom:1%;
    }

    /*랜딩페이지 공통 css*/
    #sub_section .inner,
    #sub_section .content{
        margin:0 auto;
        max-width: 90%;
    }

    #sub_section .inner .sub_cate_title{
        font-size:25px;
        margin:0 0 18px 0;
    }

    .page_title {
        padding:7% 0;
    }

    .page_title h3{
        font-size:26px;
        line-height:150%;
        padding-top:3%;
        margin:0 0 4% 0;
    }
    .company_top .page_title h3,
    .brand_ci .page_title h3{
        margin:0 0 1% 0;
    }
    .inner.banner_title > h3{
        margin:0 0 3% 0;
        font-size:30px;
    }

    .inner.banner_title > p {
        line-height:150%;
        font-size:20px;
        margin:0;
        letter-spacing: -0.5px;
    }

    .inner.banner_title > a{
        width:130px;
        height: 35px;
        line-height:35px;
        font-size:12px;
        display:none;
    }

    .page_title p{
        font-size:17px;
        line-height:160%;
    }
    .div-table,
    .div-table > *{
        display:block;
    }

     /*TERMS : S*/
    .terms_wrap{
        padding:6% 0;
    }
    .terms_wrap h3{
        font-size:17px;
    }
    .terms_wrap h3.border-tit{
        font-size:26px;
        padding: 0 0 2% 0;
    }
    .terms_wrap ol > li,
    .terms_wrap ul > li,
    .terms_wrap p,
    .terms_wrap span,
    .terms_wrap dl dt,
    .terms_wrap dl dd,
    .terms_wrap  .list-dash li{
        font-size:13px;
    }
    .terms_wrap .unik td{
        font-size:13px;
    }
    .terms_wrap .last_box ul li:last-of-type{
        padding:1% 2%;
    }
    .terms_wrap .prev_btn{
        font-size:13px;
    }
    /*TERMS : E*/
}

@media (min-width:0px) and (max-width:700px){

    /*랜딩페이지 공통 css*/
    #sub_section .inner .sub_cate_title{
        font-size:0.8333rem;
        margin:0 0 4% 0;
    }
    .page_title {
        padding:7% 0;
    }

    .page_title h3{
        font-size:0.85rem;
        text-align: center;
    }
    .ceo_top .page_title h3{
        text-align: left;
    }
    .ceo_top .page_title h3:after{
        left:0;
        margin:0;
    }
    .page_title h3:after{
        width:1.022rem;
        left:50%;
        margin:0 0 0 -0.511rem;
    }
    .inner.banner_title > h3{
        font-size:0.9rem;
    }
    .inner.banner_title > p {
        font-size:0.667rem;
        word-break:keep-all;
    }
    .page_title p{
        font-size:0.607rem;
        word-break:keep-all;
        text-align: center;
    }
    .ceo_top .page_title p{
        text-align: left;
    }
    .page_title p br{
        display: none;
    }
    .div-table,
    .div-table > *{
        display:block;
    }

    /*게시판*/
    .table_section{
        width:100%;
        max-width:90%;
        margin:0 auto 8%;
        padding-top:5%;
    }
     /*TERMS : S*/
    .terms_wrap h3{
        font-size:0.7222rem;
        margin:6% 0 3% 0;
     }
    .terms_wrap h3.border-tit{
        font-size:0.8333rem;
        margin:0 0 4% 0;
    }
    .terms_wrap ol > li,
    .terms_wrap ul > li,
    .terms_wrap p,
    .terms_wrap span,
    .terms_wrap dl dt,
    .terms_wrap dl dd,
    .terms_wrap  .list-dash li{
        font-size:0.5556rem;
    }
    .terms_wrap .unik td{
        font-size:0.5556rem;
    }
    .terms_wrap .last_box ul li:last-of-type{
        font-size:0.5556rem;
    }
    .terms_wrap .prev_btn{
        font-size:0.5556rem;
        margin:2% 0 0 0;
    }
    /*TERMS : E*/
}