.d-n {display:none}
.pc-mode{display: block !important;}
.t-mode{display: none !important;}
.m-mode{display: none !important;}
.pc-none{display: none !important;}
.t-none{display: block !important;}
.m-none{display: block !important;}

.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont {display:none}

/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:25px auto; max-height: 700px}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* L1031 */
.button01 {
    display: inline-block;
}

.button01 a, .button01 button {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;
    display: block;
    background: #fff;
}

.button01 a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.button01.black {
    display: inline-block;
}

.button01.black a, .button01.black button {
    padding: 13px 90px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 20px;
    display: block;
    color: #fff;
    background: #000;
}

.button01.black a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.button01.file {
    display: inline-block;
}

.button01.file a {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;
    display: block;
    text-align: left;
    text-align: left;
    padding-left: 15px;
    background: url(/main/img/sub/button-file-down.png) no-repeat right 15px center #fff;
    color: #222;
}

.button01.file a:hover {
    background: url(/main/img/sub/button-file-down-white.png) no-repeat right 15px center #000;
    border-color: #000;
    color: #fff;
}

.button01noa {
    display: inline-block;
}

.button01noa span {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;    
    display: block;
}

.button01noa span:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.button02 {
    display: inline-block;
}

.button02 a {
    padding: 13px 90px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 20px;    
    display: block;
    background-color: #000;
    color: #fff;
}

.button03 {
    display: inline-block;
    width: 215px;
    height: 45px;
    line-height: 45px;
}

.button03.small {
    width: 130px;
    height: 45px;
    line-height: 45px;
}

.button03.black {
    background: #000;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #000;
}

.button03.black a {
    color: #fff;
}

.button03 a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
}

.button03.white {
	background: #fff;
    border: 1px solid #000;
    color: #000;
    border-radius: 3px;
}

.button04 {
    display: inline-block;
}

.button04 a {
    border: 1px solid #ced1df;
    border-radius: 3px;
    color: #222;
    font-size: 17px;    
    padding: 10px 25px;
    display: block;
}

.sub-content .bcont-wrap .tit {width: 280px;padding-top: 30px;border-top: 1px solid #234c82;display: inline-block;vertical-align: top;font-size: 30px;font-weight: 500;color: #000;line-height:1.5;letter-spacing: -1px;}
.sub-content .bcont-wrap .cont {width: calc(100% - 284px);padding: 30px 0 100px 70px;border-top: 1px solid #d3d3d3;display: inline-block;vertical-align: top;letter-spacing: -1px;}
.sub-content .bcont-wrap .cont:last-child {padding-bottom:0}
.sub-content .bcont-wrap .btn-wrap .button01.file {margin-right:15px}
.sub-content .bcont-wrap .bcont-list table.t1 {min-width:inherit;width:92%}
.sub-content .bcont-wrap .bcont-list .tb-tit {font-size:19px;margin:20px 0 5px}
.sub-content .bcont-wrap .bcont-list .tb-desc {font-size:15px;color:#545454;}
		
.sub-content select {
    border: 1px solid #ced1df;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/main/img/select-arrow.png) no-repeat #fff center right 10px;
    padding-left: 15px;
}

.sub-content select::-ms-expand {
    display: none;
}

.sub-content .radio-box > input[type=radio] {
    display: none;
}

.sub-content .radio-box > label {
    display: inline-block;
    line-height: 1.6;
}

.sub-content .radio-box > input[type=radio] + label {
    font-size: 14px;
    margin-right: 10px;
}

.sub-content .radio-box > input[type=radio] + label:before {
    content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    border-radius: 2px;
    line-height: 0px;
    font-size: 0px;
    position: relative;
    top: 4px;
    margin-right: 7px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    background: url(/main/img/radio-box-orange-off.png) center center;
}

.sub-content .radio-box > input[type=radio]:checked + label {
}

.sub-content .radio-box > input[type=radio]:checked + label:before {
    background: url(/main/img/radio-box-orange-on.png) center center;
}

.sub-content .check-box > input[type=checkbox] {
    display: none;
}

.sub-content .check-box > label {
}

.sub-content .check-box > input[type=checkbox] + label {
    font-size: 14px;
    margin-right: 10px;
}

.sub-content .check-box > input[type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #d6d8da;
    display: inline-block;
    border-radius: 2px;
    line-height: 0px;
    font-size: 0px;
    position: relative;
    top: 4px;
    margin-right: 7px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
}
.sub-content .check-box > input[type=checkbox]:disabled + label:before {background: #efefef;}

.sub-content .check-box > input[type=checkbox]:checked + label {}

.sub-content .check-box > input[type=checkbox]:checked + label:before {
    border-color: #faa21b;
    background: url(/main/img/checked-box-orange.png) center center #faa21b;
}

/* 1181 */
.event input, .user input, .sub-user .join input {
    border: 1px solid #ced1df;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    text-indent: 14px;
}

.sub-content .sc-topwrap {
    padding-top: 70px;
}
.sub-content .sc-topwrap-m {
    margin-top: 70px;
    position: relative;
}
.sub-content .sc-wrap .tabw ul {
    max-width: 990px;
    margin: auto;
    display: flex;
    width: 990px;
    text-align: center;
    border-top: 1px solid #cccedb;
    border-left: 1px solid #cccedb;
}

.sub-content .sc-wrap .tabw.hundredp ul {
    max-width: 100%;
    width: 100%;
}

.sub-content .sc-wrap .tabw ul li {
    width: 10%;
    text-align: center;
    flex: 1;
    /* border-bottom: 1px solid #cccedb; */
    /* border-right: 1px solid #cccedb; */
    /* line-height: 50px; */
    font-weight: 500;
    position: relative;
    height: 50px;
}
.sub-content .sc-wrap .tabw ul li.on {
}

.sub-content .sc-wrap .tabw ul li a {
    font-size: 16px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #cccedb;
    border-right: 1px solid #cccedb;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}

.sub-content .sc-wrap .tabw ul li a:hover, .sub-content .sc-wrap .tabw ul li.on a {
    color: #5a297f;
    background-color: #fff;
    border: 3px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    /* display: block; */
    width: calc(100% + 0px);
    height: calc(100% + 2px);
    top: -1px;
    left: 0px;
    font-weight: 700;
    line-height: 46px;
    font-size: 17px;
}
.sub-content .sc-wrap .tabw ul li a:hover, .sub-content .sc-wrap .tabw ul li.on a {
    line-height: 120%;
}

.sub-content .sc-wrap .tabi {
}

.sub-content .sc-wrap .tabi ul {
    max-width: 990px;
    margin: auto;
    display: flex;
    max-width: 100%;
    width: 100%;
    text-align: center;
    border-top: 1px solid #cccedb;
    border-left: 1px solid #cccedb;
    flex-wrap: wrap;
}

.sub-content .sc-wrap .tabi ul li {
    width: 20%;
    text-align: center;
    /* border-bottom: 1px solid #cccedb; */
    /* border-right: 1px solid #cccedb; */
    font-weight: 700;
    position: relative;
    height: 55px;
}

.sub-content .sc-wrap .tabi ul li.on {
}

.sub-content .sc-wrap .tabi ul li a {
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #cccedb;
    border-right: 1px solid #cccedb;
    line-height: 120%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub-content .sc-wrap .tabi ul li a:hover, .sub-content .sc-wrap .tabi ul li.on a {
    font-size: 17px;
    color: #5a297f;
    background-color: #fff;
    border: 3px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    display: flex;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    top: -1px;
    left: 0px;
    font-weight: 700;
    margin-left: -1px;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}

.sub-content .search-box form {
    background: #f7f7f9;
    padding: 20px 0;
    text-align: center;
}

.sub-content .search-box span {
    margin-left: 25px;
    position: relative;
}

.sub-content .search-box select {
    border: 1px solid #ced1df;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    width: 160px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/main/img/sub/select-arrow.png) no-repeat #fff center right 10px;
    padding-left: 15px;
}

.sub-content .search-box select::-ms-expand {
    display: none;
}

.sub-content .search-box input {
    border: 1px solid #ced1df;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    width: 320px;
}

.sub-content .search-box button {
    position: absolute;
    right: 0;
    background: url(/main/img/sub/search-lens.png) no-repeat center;
    width: 45px;
    height: 45px;
    text-indent: -100px;
    overflow: hidden;
    border:none;
}

.sub-content .button-wrap {
    padding-top: 80px;
    padding-bottom: 10px;
}

.sub-content .button-wrap.sub {
    padding-top: 40px;
}

.sub-content .button-wrap.cen {
    text-align: center;
}

.sub-content .button-wrap.rig {
    text-align: right;
}

.sub-content .button01 {
    display: inline-block;
}

.sub-content .button01 a, .sub-content .button01 button {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
    background: #fff;
}

.sub-content .button01 a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.sub-content .button01.black {
    display: inline-block;
}

.sub-content .button01.black a, .sub-content .button01.black button {
    padding: 13px 90px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
    color: #fff;
    background: #000;
}

.sub-content .button01.black a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.sub-content .button01.file {
    display: inline-block;
}

.sub-content .button01.file a {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
    text-align: left;
    text-align: left;
    padding-left: 15px;
    background: url(/main/img/sub/button-file-down.png) no-repeat right 15px center #fff;
    color: #222;
}

.sub-content .button01.file a:hover {
    background: url(/main/img/sub/button-file-down-white.png) no-repeat right 15px center #000;
    border-color: #000;
    color: #fff;
}

.sub-content .button01noa {
    display: inline-block;
}

.sub-content .button01noa span {
    padding: 13px 90px;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
}

.sub-content .button01noa span:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

/* L1290 */
.sub-content table.t1 {border-collapse: collapse;width: 100%;border-top: 1px solid #e1e2e8;border-left: 1px solid #e1e2e8;min-width: 1200px;}

.sub-content table.t1 thead {}

.sub-content table.t1 thead tr {}

.sub-content table.t1 thead tr th {background: #f7f7f9;padding: 15px;border-right: 1px solid #e1e2e8;border-bottom: 1px solid #e1e2e8;}

.sub-content table.t1 tbody {}

.sub-content table.t1 tbody tr {}

.sub-content table.t1 tbody tr td {border-bottom: 1px solid #e1e2e8;border-right: 1px solid #e1e2e8;padding: 15px;line-height: 120%;vertical-align: middle;}

.sub-content table.t1 tbody tr td.c {text-align: center;}

.sub-content table.t2 {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #e1e2e8;
    border-left: 1px solid #e1e2e8;
    min-width: 1000px;
}

.sub-content table.t2 thead {}

.sub-content table.t2 thead tr {}

.sub-content table.t2 thead tr th {
    background: #f7f7f9;
    padding: 15px;
    border-right: 1px solid #e1e2e8;
    border-bottom: 1px solid #e1e2e8;
    text-align: center;
}

.sub-content table.t2 tbody {}

.sub-content table.t2 tbody tr {}

.sub-content table.t2 tbody tr td {
    border-bottom: 1px solid #e1e2e8;
    border-right: 1px solid #e1e2e8;
    padding: 15px;
    line-height: 120%;
    vertical-align: middle;
}

.sub-content table.t2 tbody tr td.c {
    text-align: center;
}

.sub-content table.t2 tbody tr td > strong {
    display: block;
    margin-bottom: 12px;
}

.sub-content table.t2 tbody tr td > strong > a.down {
    padding: 2px 25px 1px 25px;
    border: 1px solid #ced1df;
    border-radius: 2px;
    font-size: 12px;
    font-family: 'NanumSquare';
    display: inline-block;
    text-align: left;
    text-align: left;
    padding-left: 7px;
    background: url(/main/img/sub/button-file-down.png) no-repeat right 7px center #fff;
    color: #222;
    background-size: 11px;
    vertical-align: baseline;
    margin-left: 5px;
}

.sub-content table.t2 tbody tr td > .cont {
    margin-top: 10px;
    margin-bottom: 15px;
}

.sub-content table.t2 tbody tr td > .cont > ul {
    margin-top: 5px;
}

.sub-content table.t2 tbody tr td > .cont > ul > li {
    padding: 2px 0;
}

.sub-content table.t3 {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #e1e2e8;
    border-left: 1px solid #e1e2e8;
    max-width: 1200px;    /* min-width: 1200px; */
}

.sub-content table.t3 thead {
}

.sub-content table.t3 thead tr {
}

.sub-content table.t3 thead tr th {
    background: #f7f7f9;
    padding: 15px;
    border-right: 1px solid #e1e2e8;
    border-bottom: 1px solid #e1e2e8;
}

.sub-content table.t3 tbody {}

.sub-content table.t3 tbody tr {}

.sub-content table.t3 tbody tr td {
    border-bottom: 1px solid #e1e2e8;
    border-right: 1px solid #e1e2e8;
    padding: 15px;
    line-height: 120%;
    vertical-align: middle;
}

.sub-content table.t3 tbody tr td.c {
    text-align: center;
}

.sub-content .agree-wrap {
    color: #414141;
    font-size: 13px;
    line-height: 160%;
}

.sub-content .agree-wrap strong {
    color: #222222;
    display: block;
}

.sub-content .rbox-wrap .box {
	display: flex;
    align-items: center;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 150px;
    overflow: hidden;
}

.sub-content .rbox-wrap .box > p.num {
	flex: 0 0 auto;
    width: 220px;
    position: relative;
    top: -4px;
    font-size: 70px;
    font-weight: 600;
    text-align: center;
}

.sub-content .rbox-wrap .box > div.text-wrap {
	padding: 40px;
    padding-left: 0;
}

.sub-content .rbox-wrap .text-wrap .tit {
	margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}

.sub-content .rbox-wrap .text-wrap .body {
	margin-bottom: 30px;
	color: #444;
    font-size: 18px; 
    line-height: 1.4;   
    word-break:break-all
}

.sub-content .rbox-wrap .text-wrap .desc > h4 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.sub-content .rbox-wrap .text-wrap .desc > h4:first-child {
	margin-top: 0;
}

.sub-content .rbox-wrap .text-wrap .desc > p {	
    color: #666;
    font-size:16px;
    line-height:1.6;
    position: relative;
    padding-left: 17px;
}

.sub-content .rbox-wrap .text-wrap .desc > p:before {
	content: "·";
    position: absolute;
    left: 0;
    top: -3px;
    color: #5b5b5b;
    font-size: 20px;
    font-weight: bold;
}

.sub-content .bcont-wrap .bcont-list dt {width: 280px;padding-top: 30px;border-top: 1px solid #234c82;display: inline-block;vertical-align: top;font-size: 30px;font-weight: 500;color: #000;line-height:1.5;letter-spacing: -1px;}
.sub-content .bcont-wrap .bcont-list dd {width: calc(100% - 284px);padding: 30px 0 100px 70px;border-top: 1px solid #d3d3d3;display: inline-block;vertical-align: top;letter-spacing: -1px;}
.sub-content .bcont-wrap .bcont-list dd:last-child {padding-bottom:0}
.sub-content .bcont-wrap .bcont-list dd p {font-size:18px;line-height:1.6;}
.sub-content .bcont-wrap .btn-wrap .button01.file {margin-right:15px}

.sub-co-top-header {
	position:relative;
    text-align: center;
    padding-bottom: 80px;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
}

.sub-co-top-header .tit {
    color: #5a297f;
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 900;
}

.sub-co-top-header .desc {
    font-size: 17px;
    margin-top: 20px;
    line-height: 140%;
}

/*112*/
.sub-content .history {
}

.sub-content .history > ul {
    background: url(/main/img/sub/dot-silver.png) no-repeat center top;
    background-size: 1px calc(100% - 194px);
    position: relative;
    background-position: center top 40px;
}

.sub-content .history > ul > li {
    position: relative;
}

.sub-content .history > ul > li:first-child {
}

.sub-content .history > ul > li:last-child {
}

.sub-content .history > ul > li:last-child > dl > dt {
    background-color: #fff
}

.sub-content .history > ul > li > dl {
    position: relative;
}

.sub-content .history > ul > li > dl > dt {
    font-size: 32px;
    font-family: 'NanumSquare';
    padding: 0;
    position: relative;
    right: 0;
}

.sub-content .history > ul > li > dl > dt > strong {
    color: #000;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    font-weight: 900;
}

.sub-content .history > ul > li > dl > dd {
    line-height: 140%;
    padding: 5px 0;
    background: #fff;
    position: relative;
}

.sub-content .history > ul > li > dl > dd:last-child {
    padding-bottom: 20px;
}

.sub-content .history > ul > li > dl > dd:nth-of-type(1) {
}

.sub-content .history > ul > li > dl > dd > ul > li {
    /* display:inline-block; */
    vertical-align: top;
    line-height: 160%;
}

.sub-content .history > ul > li:first-child {
    padding-top: 0 !important;
}

.sub-content .history > ul > li:nth-child(even) {
    margin-right: calc(50% + 50px);
    text-align: right;
}

.sub-content .history > ul > li:nth-child(even) > dl > dt {
    left: 50px;
    background: url(/main/img/sub/dot-silver.png) no-repeat right top 34px;
    background-size: 47px 1px;
    padding-right: 50px;
}

.sub-content .history > ul > li:nth-child(even) > dl > dt:after {
    content: '';
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/main/img/sub/dot-gradi-big.png);
    right: -11px;
    top: 24px;
}

.sub-content .history > ul > li:nth-child(even) > dl > dd {
}

.sub-content .history > ul > li:nth-child(even) > dl > dd > ul {
}

.sub-content .history > ul > li:nth-child(even) > dl > dd > ul:after {
    display: block;
    content: '';
    clear: right;
}

.sub-content .history > ul > li:nth-child(even) > dl > dd > ul > li {
    float: right;
}

.sub-content .history > ul > li:nth-child(even) > dl > dd > ul > li:nth-child(2) {
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 700;
    width: calc(100% - 50px);
}

.sub-content .history > ul > li:nth-child(even) > dl > dd > ul > li:nth-child(1) {
    color: #000;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 900;
    width: 50px;
    text-align: right;
    min-height: 10px;
    line-height: 120%;
}

.sub-content .history > ul > li:nth-child(odd) {
    margin-left: calc(50% + 50px);
    padding: 20px 0;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dt {
    height: 100%;
    left: -50px;
    background: url(/main/img/sub/dot-silver.png) no-repeat left top 34px;
    background-size: 47px 1px;
    padding-left: 50px;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dt:after {
    content: '';
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/main/img/sub/dot-gradi-big.png);
    left: -11px;
    top: 24px;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd {
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd > ul {
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd > ul:after {
    display: block;
    content: '';
    clear: left;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd > ul > li {
    float: left;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd > ul > li:nth-child(1) {
    color: #000;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 900;
    width: 50px;
    text-align: left;
    min-height: 10px;
    line-height: 120%;
}

.sub-content .history > ul > li:nth-child(odd) > dl > dd > ul > li:nth-child(2) {
font-size: 17px;font-family: 'NanumSquare';font-weight: 700;width: calc(100% - 50px);
}

/* 114 */
.sub-content .ci-wrap {
}

.sub-content .ci-wrap .ci-download {
}

.sub-content .ci-wrap .ci-download .ci-img {
    background: url(/main/img/sub/ci-back.png);
    border: 1px solid #ced1df;
    padding: 80px 0;
    text-align: center;
}

.sub-content .ci-wrap .ci-download .ci-img img {
}

.sub-content .ci-wrap .ci-download .download {
    padding-top: 40px;
    text-align:center;
}

.sub-content .ci-wrap .ci-download .download .button01.file {
    margin: 0 5px;
}

.sub-content .ci-wrap .ci-download .download .button01.file a {
    width: 220px;
    padding-right: 20px;
    font-size: 15px;
}

.sub-content .ci-wrap .intro {
    padding-top: 80px;
}

.sub-content .ci-wrap .intro ul {
}

.sub-content .ci-wrap .intro ul li {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #e1e2e8;
    display: flex;
    line-height: 160%;
    align-items: center;
}

.sub-content .ci-wrap .intro ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.sub-content .ci-wrap .intro ul li .title-box {
    width: 230px;
    text-align: center;
    font-size: 21px;
    font-family: 'NanumSquare';
    font-weight: 900;
}

.sub-content .ci-wrap .intro ul li .title-box .img-box {
    display: none;
}

.sub-content .ci-wrap .intro ul li .text-desc {
    padding-left: 30px;
    border-left: 1px solid #e1e2e8;
    font-size: 17px;
    font-family: 'NanumSquare';
    width: calc(100% - 230px);
}

.sub-content .ci-wrap .intro ul li .desc-box {
    width: calc(100% - 230px);
    font-size: 17px;
    font-family: 'NanumSquare';
    padding-left: 30px;
    display: flex;
    align-items: center;
    border-left: 1px solid #e1e2e8;
}

.sub-content .ci-wrap .intro ul li .desc-box .img-box {
    width: 144px;
}

.sub-content .ci-wrap .intro ul li .desc-box .img-box img {
}

.sub-content .ci-wrap .intro ul li .img-desc {
    width: calc(100% - 144px);
    padding-left: 20px;
    font-family: 'NanumSquare';
}

.sub-content .ci-wrap .logo-var {
}

.sub-content .ci-wrap .logo-var > ul {
    display: flex;
    border-top: 1px solid #ced1df;
    border-left: 1px solid #ced1df;
}

.sub-content .ci-wrap .logo-var > ul > li {
    width: 50%;
}

.sub-content .ci-wrap .logo-var > ul > li > ul {
    border-bottom: 1px solid #ced1df;
    border-right: 1px solid #ced1df;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
}

.sub-content .ci-wrap .logo-var > ul > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ced1df;
    text-align: center;
    height: 180px;
}

.sub-content .ci-wrap .logo-var > ul > li > ul > li:last-child {
    border-bottom: 0;
}

.sub-content .ci-wrap .logo-var > ul > li > ul > li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub-content .ci-wrap .logo-var > ul > li > ul > li span {
    font-size: 12px;
    border: 1px solid #ced1df;
    position: absolute;
    color: #524d56;
    font-weight: 700;
    width: 70px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 26px;
    background: #fff;
    left: 0;
    top: 40px;
}

.sub-content .ci-wrap .logo-color {
    margin-top: 40px;
    border: 1px solid #ced1df;
    padding: 40px;
}

.sub-content .ci-wrap .logo-color > ul {
}

.sub-content .ci-wrap .logo-color > ul > li {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ced1df;
}

.sub-content .ci-wrap .logo-color > ul > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.sub-content .ci-wrap .logo-color > ul > li .title-box {
    width: 160px;
    text-align: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 700;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box {
    width: calc(100% - 160px);
    border-left: 1px solid #ced1df;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul {
    display: flex;
    margin-top: -10px;
    flex-wrap: wrap;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li {
    margin-left: 40px;
    margin-top: 10px;
    width: calc(50% - 40px);
    display: flex;
    align-items: center;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box {
    color: #fff;
    font-size: 12px;
    width: 220px;
    height: 50px;
    padding: 10px;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.orange {
    background: #f2931b;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.purple {
    background: #7c509d;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.blue {
    background: #007bc7;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.ocean-blue {
    background: #009ebd;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.dark-blue {
    background: #00517e;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.gray {
    background: #727171;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.light-gray {
    background: #c9c9ca;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box.gold {
    background: #c79c53;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box ul {
    display: flex;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box ul li {
    width: 50%;
    line-height: 140%;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box ul li:first-child {
    text-align: left !important;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .color-box ul li:last-child {
    text-align: right;
}

.sub-content .ci-wrap .logo-color > ul > li .desc-box > ul > li > .text-box {
    font-size: 13px;
    width: calc(100% - 220px);
    padding-left: 15px;
    line-height: 140%;
}

/* 120 */
.sub-organ {
}

.sub-organ .organ-chart {
    height: 840px;
    background: url(/main/img/sub/organ-back-pc.png) no-repeat top center;
    position: relative;
}

.sub-organ .organ-chart > ul {
}

.sub-organ .organ-chart > ul > li {
}

.sub-organ .organ-chart > ul > li.lv1 {
    position: absolute;
    top: 0;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart > ul > li.lv2 {
    position: absolute;
    top: 131px;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart > ul > li.lv3 {
    position: absolute;
    top: 241px;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart > ul > li.lv4 {
    top: 504px;
    position: absolute;
    width: 100%;
}

.sub-organ .organ-chart div.gray {
    background: #727171;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #fff;
    font-weight: 700;
    /* position: absolute; */
    /* top: 0; */
    /* left: calc(50% - 90px); */
}

.sub-organ .organ-chart div.white {
    background: #fff;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
    border: 2px solid #c9c9ca;
}

.sub-organ .organ-chart div.silver {
    background: #c9c9ca;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
}

.sub-organ .organ-chart div.navy {
    background: #00517e;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #fff;
    font-weight: 700;
}

.sub-organ .organ-chart div.rain {
    width: 180px;
    height: 70px;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 100px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
}

.sub-organ .organ-chart div.rain span {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 100px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #fff;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub-organ .organ-chart > ul > li.lv1 > ul {
}

.sub-organ .organ-chart > ul > li.lv1 > ul > li {
    position: absolute;
    top: 71px;
}

.sub-organ .organ-chart > ul > li.lv1 > ul > li:nth-child(1) {
    left: calc(50% - 350px);
}

.sub-organ .organ-chart > ul > li.lv1 > ul > li:nth-child(2) {
    left: calc(50% + 170px);
}

.sub-organ .organ-chart > ul > li.lv3 > ul {
}

.sub-organ .organ-chart > ul > li.lv3 > ul > li {
    position: absolute;
    left: calc(50% + 170px);
    top: 0;
}

.sub-organ .organ-chart > ul > li.lv4 > ul {
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li {
    position: absolute;
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li:nth-child(1) {
    left: calc(50% - 620px);
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li:nth-child(2) {
    left: calc(50% - 355px);
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li:nth-child(3) {
    left: calc(50% - 90px);
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li:nth-child(4) {
    left: calc(50% + 180px);
}

.sub-organ .organ-chart > ul > li.lv4 > ul > li:nth-child(5) {
    left: calc(50% + 450px);
}

.sub-organ .organ-chart > ul > li > ul > li > ul {
    margin-left: -17px;
    margin-top: 12px;
}

.sub-organ .organ-chart > ul > li > ul > li > ul > li {
    background: url(/main/img/dot-black.png) no-repeat left top 5px;
    font-size: 14px;
    margin-top: 7px;
    padding-left: 11px;
    line-height: 1.4;
}



.sub-organ .organ-chart-v2 {
    height: 440px;
    background: none/*url(/main/img/sub/organ-v2-back-pc.png) no-repeat top center*/;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sub-organ .organ-chart-v2 * {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sub-organ .organ-chart-v2 > ul {
}

.sub-organ .organ-chart-v2 > ul > li {
}

.sub-organ .organ-chart-v2 > ul > li.lv1 {
    position: absolute;
    top: 0;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart-v2 > ul > li.lv2 {
    position: absolute;
    top: 110px;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart-v2 > ul > li.lv3 {
    position: absolute;
    top: 220px;
    left: calc(50% - 90px);
}

.sub-organ .organ-chart-v2 > ul > li.lv4 {
    top: 370px;
    position: absolute;
    width: 100%;
}

.sub-organ .organ-chart-v2 div.gray {
    background: #727171;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #fff;
    font-weight: 700;
    /* position: absolute; */
    /* top: 0; */
    /* left: calc(50% - 90px); */
}

.sub-organ .organ-chart-v2 div.white {
    background: #fff;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
    border: 2px solid #c9c9ca;
}

.sub-organ .organ-chart-v2 div.silver {
    background: #c9c9ca;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
}

.sub-organ .organ-chart-v2 div.navy {
    background: #00517e;
    width: 180px;
    height: 70px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #fff;
    font-weight: 700;
}

.sub-organ .organ-chart-v2 div.rain {
    width: 170px;
    height: 70px;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 100px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
}

.sub-organ .organ-chart-v2 div.rain span {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 100px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #fff;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #333;
    font-weight: 700;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub-organ .organ-chart-v2 > ul > li.lv1 > ul {
}

.sub-organ .organ-chart-v2 > ul > li.lv1 > ul > li {
    position: absolute;
    top: 110px;
}

.sub-organ .organ-chart-v2 > ul > li.lv1 > ul > li:nth-child(1) {
    left: calc(50% - 350px);
}

.sub-organ .organ-chart-v2 > ul > li.lv1 > ul > li:nth-child(2) {
    left: calc(50% + 170px);
}


.sub-organ .organ-chart-v2 > ul > li.lv4 > ul {
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li {
    position: absolute;
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(1) {
    left: calc(50% - 640px);
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(2) {
    left: calc(50% - 454px);
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(3) {
    left: calc(50% - 270px);
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(4) {
    left: calc(50% - 85px);
}

.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(5) {
    left: calc(50% + 101px);
}
.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(6) {
    left: calc(50% + 286px);
}
.sub-organ .organ-chart-v2 > ul > li.lv4 > ul > li:nth-child(7) {
    left: calc(50% + 470px);
}



.sub-organ .sc-wrap .tabw ul {
    flex-wrap: wrap;
}
.sub-organ .sc-wrap .tabw ul li {
    width: 16.66%;
    flex: none;
}
.sub-organ .organ-work-box {
    background: #f6f6f6;
    border: 1px solid #e1e2e8;
    padding: 40px;
    margin-top: 40px;
}
.sub-organ .organ-work-box ul {/* margin-top: -10px; */display: flex;flex-wrap: wrap;gap: 10px;}
.sub-organ .organ-work-box ul li {
    background: url(/main/img/dot-black.png) no-repeat left top 7px;
    padding-left: 16px;
    /* margin-top: 10px; */
    line-height: 140%;
    font-size: 14px;
    width: calc(33.33% - 7px);
    font-family: 'NanumSquare';
}

.sub-organ h4 {margin:40px 0 15px;font-size:20px;}
/*.sub-organ .organ-table {
    margin-top: 40px;
}*/

.sub-organ .organ-table ul.dot {
    margin-top: -10px;
}

.sub-organ .organ-table ul.dot > li {
    background: url(/main/img/dot-black.png) no-repeat left top 7px;
    padding-left: 16px;
    margin-top: 10px;
    line-height: 140%;
    font-size: 14px;
}

/*.sub-organ .organ-table ul.dot > li > ul.hr {
}*/

.sub-organ .organ-table ul.dot > li > ul.hr > li {
    position: relative;
    font-size: 13px;
    margin-left: 10px;
}

.sub-organ .organ-table ul.dot > li > ul.hr > li:before {
    content: '-';
    position: absolute;
    left: -10px;
}

.sub-organ .organ-desc-table {
    display: none;
}

/* 151 */
.sub-ethics .ethics {
    border: 1px solid #ced1df;
    padding: 80px;
}

.sub-ethics .ethics .head {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    display: block;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.sub-ethics .ethics .head2 {
	position: relative;	
	display: block;
	margin-bottom: 60px;
	text-align: center;	
}

.sub-ethics .ethics .head .title,
.sub-ethics .ethics .head2 .title {
    font-size: 30px;
    font-weight: 900;    
}
.sub-ethics .ethics .head2 .title {
	background: -webkit-linear-gradient(45deg, #3faae4, #061950);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-ethics .ethics .head .title img,
.sub-ethics .ethics .head2 .title img {
    vertical-align: middle;
    margin-right: 10px;
}

.sub-ethics .ethics .head .desc {
    font-size: 18px;
    padding-top: 40px;
    line-height: 140%;
}

.sub-ethics .ethics .head2 .desc {
	margin:60px 20px 20px;
	padding:40px;
    font-size: 20px;    
    line-height: 160%;
    border:1px dotted #031c66;
    text-align: justify;
}

.sub-ethics .ethics .cont {
    font-size: 16px;
}

.sub-ethics .ethics .cont2 {
	padding:0 20px;
    font-size: 18px;
    font-weight: 700;
}

.sub-ethics .ethics .cont ul.hana li, 
.sub-ethics .ethics .cont2 ul.hana li {
    padding: 15px 0;
    line-height: 140%;
    position: relative;
    margin-left: 70px;
}
.sub-ethics .ethics .cont2 ul.hana li {
	margin: 40px 0 0 80px;
	color: #04123f;
}

/*지연 추가*/
.sub-ethics .ethics .cont dl.Kang-Ryeong {
}

.sub-ethics .ethics .cont dl.Kang-Ryeong dt {
    font-size: 17px;
    font-family: 'NanumSquare';
    line-height: 140%;
    color: #222;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
}

.sub-ethics .ethics .cont dl.Kang-Ryeong dd {
    padding: 0px 0;
    line-height: 160%;
    position: relative;
    margin-left: 0px;
    color: #444444;
    font-weight: 400;
}

.sub-ethics .ethics .cont dl.Kang-Ryeong dd strong {
    display: block;
    color: #222;
}

/**/
.sub-ethics .ethics .cont ul.hana li span {
    border: 1px solid #ced1df;
    color: #6c2d98;
    padding: 6px 13px;
    border-radius: 20px;
    position: absolute;
    line-height: 100%;
    left: -70px;
    top: 12px;
}

.sub-ethics .ethics .cont2 ul.hana li span {
	position: absolute;
	top: 3px;
	left: -80px;
	padding: 12px 13px;
	color: #fff;
	background: #0d33a2;
}

.sub-ethics .ethics .cont ul.dot {
}

.sub-ethics .ethics .cont ul.dot > li {
    background: url(/main/img/sub/dot-black.png) no-repeat left top 9px;
    padding-left: 20px;
    margin-top: 25px;
    line-height: 140%;
    font-size: 16px;
}

.sub-ethics .ethics .cont ul.dot > li > ul.hr {
}

.sub-ethics .ethics .cont ul.dot > li > ul.hr > li {
    position: relative;
    font-size: 15px;
    margin-left: 10px;
}

.sub-ethics .ethics .cont ul.dot > li > ul.hr > li:before {
    content: '-';
    position: absolute;
    left: -10px;
}

.sub-ethics .ethics .cont ul.dot > li > ul.t {
}

.sub-ethics .ethics .cont ul.dot > li > ul.t > li {
    font-size: 15px;
}

.sub-ethics .ethics .cont ul.dot > li > ul.t > li span {
    display: inline-block;
    width: 70px;
}

.sub-ethics .ethics .cont ul.dot > li > .box {
    margin-top: 20px;
}

.sub-ethics .ethics .cont ul.dot > li > .box > ul {
    display: flex;
    margin-left: -40px;
}

.sub-ethics .ethics .cont ul.dot > li > .box > ul > li {
    margin-left: 40px;
    flex: 1;
    background-color: #fff;
    border: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    padding: 20px;
    height: 120px;
    line-height: 130%;
}

.sub-ethics .ethics .cont ul.dot > li > .box.sequence > ul > li .tit:after {
    content: '';
    background: url(/main/img/sub/arrow-sequence.png) no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
}

.sub-ethics .ethics .cont ul.dot > li > .box.sequence > ul > li:last-child .tit:after {
    display: none;
}

.sub-ethics .ethics .cont ul.dot > li > .box > ul > li .tit {
    font-size: 16px;
    font-weight: 700;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 31px;
    margin-bottom: 5px;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.sub-ethics .ethics .cont ul.dot > li > .box > ul > li .desc {
    font-size: 11px;
    color: #7b7b7b;
}

.sub-ethics .ethics .cont ul.dot > li > .box > ul > li .cont {
    font-size: 14px;
}

.sub-ethics .ethics .cont ul.dot > li > .box.step > ul > li:nth-child(1) .tit {
    background-image: url(/main/img/sub/ethic1.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step > ul > li:nth-child(2) .tit {
    background-image: url(/main/img/sub/ethic2.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step > ul > li:nth-child(3) .tit {
    background-image: url(/main/img/sub/ethic3.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step.cyber > ul > li:nth-child(1) .tit {
    background-image: url(/main/img/sub/ethic1.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step.cyber > ul > li:nth-child(2) .tit {
    background-image: url(/main/img/sub/ethic2.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step.cyber > ul > li:nth-child(3) .tit {
    background-image: url(/main/img/sub/ethic7.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.step.cyber > ul > li:nth-child(4) .tit {
    background-image: url(/main/img/sub/ethic3.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot > ul > li:nth-child(1) .tit {
    background-image: url(/main/img/sub/ethic4.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot > ul > li:nth-child(2) .tit {
    background-image: url(/main/img/sub/ethic5.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot > ul > li:nth-child(3) .tit {
    background-image: url(/main/img/sub/ethic6.png);
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot.noback > ul > li .tit {
    background: none !important;
    padding-left: 0 !important;
}

.sub-ethics .ethics .cont ul.dot > li .btn-wrap {
    margin-top: 20px;
}

.sub-ethics .ethics .cont ul.dot > li .btn-wrap .button01 {
}

.sub-ethics .ethics .cont ul.dot > li .btn-wrap .button01 a {
    width: 215px;
    height: 45px;
    font-size: 15px;
    line-height: 20px;
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot.cyber > ul > li:nth-child(1) .tit {
    background-image: url(/main/img/sub/w.png);
    height: 34px;
}

.sub-ethics .ethics .cont ul.dot > li > .box.spot.cyber > ul > li:nth-child(2) .tit {
    background-image: url(/main/img/sub/m.png);
    height: 34px;
}

.sub-ethics .ethics .cont ul.dot > li > .table-wrap {
    margin-top: 10px;
}

/* 311 ~ 314 */
.sub-business .business-wrap {
}

.sub-business .business-wrap .btit {
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 900;
    color: #000;
    padding-bottom: 30px;
}
.sub-business .business-wrap .box-tab {
    position: absolute;
    right: 0;
    top: 80px;
}
.sub-business .business-wrap .box-tab a {
    font-size: 30px;
    font-family: 'NanumSquare';
    display: inline-block;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.sub-business .business-wrap .box-tab a:hover,
.sub-business .business-wrap .box-tab a.on {
    font-weight: 900;
    color: #5a297f;
}
.sub-business .business-wrap .box-tab a:after {content: '';background: #cccedb;margin: 0 16px;width: 1px;height: 30px;display: inline-block;vertical-align: text-top;}
.sub-business .business-wrap .box-tab a:last-of-type:after {display: none;}

.sub-business .business-wrap .row {
    border-bottom: 1px solid #ced1df;
    padding: 80px 0;
    position: relative;
}

.sub-business .business-wrap .row.row3 {
    border-bottom: 1px solid #000;
}

.sub-business .business-wrap .row1 {
    /* padding: 40px 0; */
}

.sub-business .business-wrap .row1 > ul {
    display: flex;
    /* margin-top: -8px; */
}

.sub-business .business-wrap .row1 > ul > li {
    width: 49.5%;
}

.sub-business .business-wrap .row1 > ul > li:nth-child(even) {
    border-left: 1px solid #ced1df;
    padding-left: 40px;
    width: 50.5%;
}

.sub-business .business-wrap .row1 .lst {
    font-size: 16px;
}

.sub-business .business-wrap .row1 .lst > ul {
    margin-top: -8px;
}

.sub-business .business-wrap .row1 .lst > ul > li {
    margin-top: 8px;
}

.sub-business .business-wrap .row1 .lst > ul > li > span {
}

.sub-business .business-wrap .row1 .lst > ul > li > span:nth-of-type(1) {
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 240px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 90px;
    height: 34px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.sub-business .business-wrap .row1 .lst > ul > li > span:nth-of-type(1) u {
    width: calc(100% - 2px);
    display: block;
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    margin: 1px 0 0 1px;
    line-height: 31px;
    font-size: 14px;
}

.sub-business .business-wrap .row1 .lst > ul > li > span:nth-of-type(2) {
}

.sub-business .business-wrap .row1 .sch {
    font-size: 16px;
}

.sub-business .business-wrap .row1 .sch > ul {
}

.sub-business .business-wrap .row1 .sch > ul > li:first-child {
    background: url(/main/img/sub/busi-sch-back1.png) no-repeat left 132px top 7px;
}

.sub-business .business-wrap .row1 .sch > ul > li {
    display: flex;
    padding-bottom: 35px;
    background: url(/main/img/sub/busi-sch-back3.png) no-repeat left 132px top 0px;
}

.sub-business .business-wrap .row1 .sch > ul > li > span {
}

.sub-business .business-wrap .row1 .sch > ul > li > span:nth-of-type(1) {
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 700;
    width: 183px;
}

.sub-business .business-wrap .row1 .sch > ul > li > span:nth-of-type(2) {
    width: calc(100% - 183px);
}

.sub-business .business-wrap .row1 .sch > ul > li:last-child {
    padding-bottom: 0;
    background: url(/main/img/sub/busi-sch-back2.png) no-repeat left 132px top -66px;
}

.sub-business .business-wrap .row2 {
}

.sub-business .business-wrap .row2 .box {
}

.sub-business .business-wrap .row2 .box > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.25%;
    margin-top: -2.25%;
}

.sub-business .business-wrap .row2 .box > ul > li {
    position: relative;
    border: 1px solid #ced1df;
    width: 47.75%;
    margin-left: 2.25%;
    margin-top: 2.25%;
    padding: 40px;
    min-height: 310px;
}

.sub-business .business-wrap .row2 .box > ul > li:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    top: -1px;
    left: 0;
}

.sub-business .business-wrap .row2 .box > ul > li .title {
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 900;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ced1df;
}

.sub-business .business-wrap .row2 .box > ul > li .tb {
}

.sub-business .business-wrap .row2 .box > ul > li .tb table {
    font-size: 16px;
    border-collapse: collapse;
    width: 100%;
    line-height: 140%;
    margin-bottom: -15px;
}

.sub-business .business-wrap .row2 .box > ul > li .tb table thead {
    display: none;
}

.sub-business .business-wrap .row2 .box > ul > li .tb table tbody {
}

.sub-business .business-wrap .row2 .box > ul > li .tb table tbody th {
    width: 90px;
    padding-left: 15px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 500;
}

.sub-business .business-wrap .row2 .box > ul > li .tb table tbody th:before {
    content: '';
    width: 4px;
    height: 4px;
    background: url(/main/img/sub/dot-black.png) no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}

.sub-business .business-wrap .row2 .box > ul > li .tb.noth table tbody td {
    padding-left: 15px;
    position: relative;
}

.sub-business .business-wrap .row2 .box > ul > li .tb.noth table tbody td:before {
    content: '';
    width: 4px;
    height: 4px;
    background: url(/main/img/sub/dot-black.png) no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}

.sub-business .business-wrap .row2 .box > ul > li .tb table tbody td {
    padding-bottom: 15px;
}

.sub-business .business-wrap .row2 .box > ul > li .tb table tbody td ul.hr {
    font-size: 14px;
    margin-top: 10px;
}

.sub-business .business-wrap .row3 {
}

.sub-business .business-wrap .row3 .photo-slide {
}

.sub-business .business-wrap .row3 .photo-slide > ul {
    margin-left: 0;
}

.sub-business .business-wrap .row3 .photo-slide > ul li.slick-slide {
}

.sub-business .business-wrap .row3 .photo-slide > ul li.slick-slide img {
    margin: 0 31px 0 0;
}

.sub-business .business-wrap .row3 .photo-slide .slick-arrow {
    position: absolute;
    top: -55px;
    right: 0;
    width: 31px;
    height: 31px;
    border: 1px solid #e1e2e8;
    text-indent: -150px;
    overflow: hidden;
}

.sub-business .business-wrap .row3 .photo-slide .slick-prev {
    background: url(/main/img/sub/arrow-left-med-black-t.png) no-repeat center;
    right: 30px;
}

.sub-business .business-wrap .row3 .photo-slide .slick-next {
    background: url(/main/img/sub/arrow-right-med-black-t.png) no-repeat center;
}

/* 410 */
.sub-event .event {
}

.sub-event .event .event-wrap {
}

.sub-event .event .event-wrap > ul {
    margin-left: -1.25%;
    margin-top: -1.25%;
}

.sub-event .event .event-wrap:after {
    clear: left;
    content: '';
    display: block;
}

.sub-event .event .event-wrap > ul > li {
    float: left;
    width: 48.75%;
    margin-left: 1.25%;
    margin-top: 1.25%;
    overflow: hidden;
    border: 1px solid #e1e2e8;
    position: relative;
}

.sub-event .event .event-wrap > ul > li.no-data {
    width: 98.75%;
    text-align: center;
    padding: 50px 0;
}

.sub-event .event .event-wrap > ul > li > a:after {
    clear: left;
    content: '';
    display: block;
}

.sub-event .event .event-wrap > ul > li .horizon-box {
    float: left;
    position: relative;
}

.sub-event .event .event-wrap > ul > li .photo-wrap {
    width: 294px;
    padding-bottom: 65.9%;
    border-right: 1px solid #e1e2e8;
    background: url(/main/img/sub/culture-no-img.png);
}

.sub-event .event .event-wrap > ul > li .photo-wrap:empty {
    width: 294px;
    padding-bottom: 66%;
    border-right: 1px solid #e1e2e8;
    background: url(/main/img/sub/culture-no-img.png);
}

.sub-event .event .event-wrap > ul > li .photo-wrap img {
    position: absolute;
    max-width:100%;
    text-align:text-bottom;
}

.sub-event .event .event-wrap > ul > li .desc-wrap {
    width: calc(100% - 294px);
    padding-left: 23px;
    padding-right: 23px;
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title {
    padding-top: 60px;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #e1e2e8;
    font-size: 17px;
    line-height: 120%;
    font-weight: 900;
    font-family: 'NanumSquare';
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat {
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    color: #fff;
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat.c1 {background:#f19319}
.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat.c2 {background:#7c4f9c}
.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat.c3 {background:#007bc6}
.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat.c4 {background:#009cbd}
.sub-event .event .event-wrap > ul > li .desc-wrap > .title .cat.c5 {background:#16beac}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .prog {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: #fff;
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .prog.ing {
    background: #000000;
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .prog.end {
    background: #b9bac0;
}

.sub-event .event .event-wrap > ul > li .desc-wrap > .title .prog.due {
    border: 1px solid #ced1df;
    color: #5b5d66;
}

.sub-event .event .event-wrap > ul > li .desc-wrap ul.info {
    margin-top: 25px;
}

.sub-event .event .event-wrap > ul > li .desc-wrap ul.info li {
    font-size: 13px;
    padding-bottom: 7px;
    display: flex;
    line-height: 140%;
}

.sub-event .event .event-wrap > ul > li .desc-wrap ul.info li span:nth-of-type(1) {
    display: inline-block;
    width: 40px;
    font-weight: 600;
}

.sub-event .event .event-wrap > ul > li .desc-wrap ul.info li span:nth-of-type(2) {
    width: calc(100% - 40px);
    word-break: break-all;
}

.sub-event .event .event-wrap > ul > li ul.bt {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 294px);
    padding-left: 23px;
    padding-right: 23px;
    display: flex;
    padding-bottom: 23px;
    margin-left: -15px;
}

.sub-event .event .event-wrap > ul > li ul.bt li {
    flex: 1;
    text-align: center;
}

.sub-event .event .event-wrap > ul > li ul.bt li:last-child {
    margin-left: 15px;
}

.sub-event .event .event-wrap > ul > li ul.bt li a {
    font-size: 14px;
    border: 1px solid #e1e2e8;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}

.sub-event .event .event-wrap > ul > li ul.bt li a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.sub-event .event-view .event-wrap > ul {
}

.sub-event .event-view .event-wrap > ul > li {
    position: relative;
}

.sub-event .event-view .event-wrap > ul > li > a:after {
    clear: left;
    content: '';
    display: block;
}

.sub-event .event-view .event-wrap > ul > li .horizon-box {
    float: left;
    position: relative;
}

.sub-event .event-view .event-wrap > ul > li .photo-wrap {
    width: 294px;
    padding-bottom: 32.3%;
    border: 1px solid #e1e2e8;
    overflow: hidden;
}

.sub-event .event-view .event-wrap > ul > li .photo-wrap img {
    position: absolute;
    width: 100%;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap {
    width: calc(100% - 294px);
    padding-left: 23px;
    padding-right: 23px;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title {
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #e1e2e8;
    font-size: 25px;
    font-family: 'NanumSquare';
    line-height: 120%;
    font-weight: 900;
    border-top: 1px solid #000;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    color: #fff;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat.c1 {background:#f19319}
.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat.c2 {background:#7c4f9c}
.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat.c3 {background:#007bc6}
.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat.c4 {background:#009cbd}
.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .cat.c5 {background:#16beac}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .prog {
    /* position: absolute; */
    /* right: 0; */
    top: 25px;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .prog.ing {
    background: #000000;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .prog.end {
    background: #b9bac0;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap > .title .prog.due {
    border: 1px solid #ced1df;
    color: #5b5d66;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap ul.info {
    margin-top: 40px;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap ul.info li {
    font-size: 13px;
    padding-bottom: 7px;
}

.sub-event .event-view .event-wrap > ul > li .desc-wrap ul.info li span {
    display: inline-block;
    width: 40px;
    font-weight: 600;
}
.sub-event .event-view .event-wrap > ul > li .desc-wrap ul.info li strong {color: #ff2d2d; font-weight: normal;}
.sub-event .event-view .event-wrap > ul > li ul.bt {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 340px);
    margin-right: 23px;
    display: flex;
    padding-bottom: 23px;
    border-bottom: 1px solid #e1e2e8;
}

.sub-event .event-view .event-wrap > ul > li ul.bt li {
    flex: 1;
    text-align: center;
    max-width: 200px;
}

.sub-event .event-view .event-wrap > ul > li ul.bt li:last-child {
    margin-left: 15px;
}

.sub-event .event-view .event-wrap > ul > li ul.bt li a {
    font-size: 14px;
    border: 1px solid #e1e2e8;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}

.sub-event .event-view .event-wrap > ul > li ul.bt li a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}



.sub-event .event-view .event-wrap > ul > li ul.bt2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 340px);
    margin-right: 23px;
    display: flex;
    padding-bottom: 23px;
    border-bottom: 1px solid #e1e2e8;
}

.sub-event .event-view .event-wrap > ul > li ul.bt2 li {
    flex: 1;
    text-align: center;
    max-width: 200px;
	margin-left: 15px;
}

.sub-event .event-view .event-wrap > ul > li ul.bt2 li:last-child {
    margin-left: 0;
}

.sub-event .event-view .event-wrap > ul > li ul.bt2 li a {
    font-size: 14px;
	display: block;
    text-align: left;
    border: 1px solid #ced1df;
    border-radius: 5px;
    line-height: 40px;
    padding-left: 15px;
    background: url(/main/img/sub/ico-button-arrow.png) no-repeat right 15px center;
}

.sub-event .event-view .event-wrap > ul > li ul.bt2 li a:hover {
    background: url(/main/img/sub/ico-button-arrow-on.png) no-repeat right 15px center #000;
    color: #fff;
    border-color: #000;
}


.sub-event .event-view .event-wrap .event-content {
    padding: 80px 0;
    border-bottom: 1px solid #000;
}

.sub-event .event-view .event-wrap .event-content img, .sub-event .event-view .event-wrap .event-content iframe {
    margin: auto;
    max-width: 100%;
    vertical-align: text-bottom;
}

.evt_area .evt_list {border-top:1px solid #ddd}
.evt_area .evt_list .evt_item {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 2.5rem 0px 3.75rem;
    border-bottom: 1px solid rgb(221, 221, 221);
}
.evt_area .evt_list .evt_item .evt_img {
    width: 17.625rem;
}
.evt_area .evt_img {
    flex-shrink: 0;
    position: relative;
    background-color: rgb(221, 221, 221);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    border-radius: 20px;
    overflow: hidden;
}
.evt_area .evt_img > .img_wrap, .evt_area .evt_img > a > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    transition: transform 0.2s;
}
.evt_area .evt_list .evt_item:hover .evt_img > a > img {
    transform: scale(1.1);
}
.evt_area .evt_img::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 141.43%;
}
.evt_area .evt_list .evt_item .evt_list_cont {
    width: 100%;
    padding-left: 3.75rem;
}
.evt_area .evt_label {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    height: 2.1875rem;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    background-color: rgb(221, 221, 221);
    margin: 0px 0px 1.5625rem;
    padding: 0.3125rem 0.9375rem;
    border-radius: 3px;
}
.evt_area .evt_label.c1 {background:#f19319}
.evt_area .evt_label.c2 {background:#7c4f9c}
.evt_area .evt_label.c3 {background:#007bc6}
.evt_area .evt_label.c4 {background:#009cbd}
.evt_area .evt_label.c5 {background:#16beac}

.evt_area .evt_label.i1 {background: #000000;}

.evt_area .evt_label.i3 {background: #b9bac0;}

.evt_area .evt_label.i2 {border: 1px solid #ced1df;color: #5b5d66;}

.evt_area .evt_list .evt_item .evt_list_cont .evt_list_title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
}
.evt_area .evt_list .evt_item .evt_list_cont .table.evt_view {
	width:100%;	
    margin: 0;
    margin-top: 1.5625rem;
    border: 0;
    border-collapse:collapse;
    border-spacing:0;
    text-align:center;
}
.evt_area .evt_list .table caption {
    position: absolute;
    left: -9999px;
    font-size: 1px;
    width: 1px;
    height: 1px;
    line-height: 0;
}
.evt_area .table.evt_view th {
	position:relative;
    height: 2.25rem;
    padding: .3125rem;
    text-align: left;
    white-space:nowrap;
    border:0;
}
.evt_area .table.evt_view td {
    height: 2.25rem;
    padding: .3125rem .625rem;
    border: 0;
    vertical-align:middle;
    word-break:keep-all;
    min-width:60px;
    text-align:left;
}
.evt_area .evt_list .evt_item .evt_list_cont .btm_btns {
    position: absolute;
    right: 0;
    bottom: 3.75rem;
    text-align:right;
}
.evt_area .evt_list .evt_item .evt_list_cont .btm_btns .evt_btn {
    border-radius: 50px;
    display:inline-block;
    padding:0.75rem 2.5rem;
    cursor:pointer;
    color:#000;
    background:#fff;
    border:1px solid #000;
}
.evt_area .evt_list .evt_item .evt_list_cont .btm_btns .evt_btn.lk {	
	color:#fff;
	background:#00aeef;
	border:1px solid #00aeef;
	box-shadow: 0 0 15px 0 rgba(16, 148, 208, 0.3);	
}
.btm_btns .evt_btn + .evt_btn {margin-left:10px;}
.evt_list .no-data {width:98.75%;text-align:center;padding:50px 0;}

/* 4332 */
.space {
}

.space .space-wrap {
}

.space .space-wrap div.tit {
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 800;
    color: #5a297f;
    font-family: 'NanumSquare';
}

.space .space-wrap > ul {
    margin-left: -2.1%;
    margin-top: -2.1%;
}

.space .space-wrap:after {
    clear: left;
    content: '';
    display: block;
}

.space .space-wrap > ul > li {
    float: left;
    width: 31%;
    margin-left: 2.1%;
    margin-top: 2.1%;
    overflow: hidden;
    position: relative;
}

.space .space-wrap > ul > li > a {
}

.space .space-wrap > ul > li > a:after {
    clear: left;
    content: '';
    display: block;
}

.space .space-wrap > ul > li .horizon-box {
    position: relative;
}

.space .space-wrap > ul > li .photo-wrap {
    padding-bottom: 67%;
    overflow: hidden;
}

.space .space-wrap > ul > li .photo-wrap img {
    position: absolute;
}

.space .space-wrap > ul > li .desc-wrap {
    padding: 23px;
    border: 1px solid #e1e2e8;
}

.space .space-wrap > ul > li .desc-wrap > .title {
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #e1e2e8;
    font-size: 20px;
    line-height: 120%;
    font-weight: 600;
    text-align: center;
}

.space .space-wrap > ul > li .desc-wrap > .title .cat {
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    color: #fff;
}

.space .space-wrap > ul > li .desc-wrap > .title .cat.a {
    background: #f19319;
}

.space .space-wrap > ul > li .desc-wrap > .title .cat.b {
    background: #7c4f9c;
}

.space .space-wrap > ul > li .desc-wrap > .title .cat.c {
    background: #007bc6;
}

.space .space-wrap > ul > li .desc-wrap > .title .cat.d {
    background: #009cbd;
}

.space .space-wrap > ul > li .desc-wrap > .title .prog {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: #fff;
}

.space .space-wrap > ul > li .desc-wrap > .title .prog.ing {
    background: #000000;
}

.space .space-wrap > ul > li .desc-wrap > .title .prog.end {
    background: #b9bac0;
}

.space .space-wrap > ul > li .desc-wrap > .title .prog.due {
    border: 1px solid #ced1df;
    color: #5b5d66;
}

.space .space-wrap > ul > li .desc-wrap ul.info {
    margin-top: 25px;
}

.space .space-wrap > ul > li .desc-wrap ul.info li {
    font-size: 13px;
    padding-bottom: 7px;
}

.space .space-wrap > ul > li .desc-wrap ul.info li span {
    display: inline-block;
    width: 40px;
    font-weight: 600;
}

.space .space-wrap > ul > li ul.bt {
    padding-top: 20px;
}

.space .space-wrap > ul > li ul.bt li {
    text-align: center;
    font-size: 14px;
    border: 1px solid #e1e2e8;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}

.space .space-wrap > ul > li:hover ul.bt li {
    background: #000;
    border-color: #000;
    color: #fff;
}

/* 521 view */
.sub-space .sub_title {padding-bottom:50px;}
/*.sub-space .space-view {
    border-bottom: 1px solid #000;
    padding-bottom: 80px;
}*/

.sub-space .space-view .btit {
    font-size: 30px;
    font-weight: 900;
    color: #000;
    padding-bottom: 30px;
}

.sub-space .sub-co-top-header {border:0}
.sub-space .sub-co-top-header .desc {margin:20px auto 0;width:75%;text-align:justify;}
.sub-space .space-photo {position:relative;margin:0 auto;width:75%;}
.sub-co-top-header .imgSwiper {position:relative;overflow:hidden;margin:0 auto;width:66.668%}
.sub-co-top-header .swiper-button-next, .sub-co-top-header .swiper-button-prev {color:#000}
.sub-co-top-header .swiper-button-prev {left:5%;}
.sub-co-top-header .swiper-button-next {right:5%;}
.sub-space a.round-btn01 {display:inline-block;padding:6px 20px;height:38px;line-height:26px;font-size:14px;color:#fff;background:#28378e;border-radius:20px;}
.sub-space .space-view .home-link-btn {position:absolute;top:70px;right:74px;}

.sub-space .space-view .row {
    border-bottom: 1px solid #ced1df;
    padding: 80px 0;
}

.sub-space .space-view .row_bb_n {
    border-bottom: 0px;
}

.sub-space .space-view .row.row5 {
    border-bottom: 1px solid #000;
}

.sub-space .space-view .row1 {
}

.sub-space .space-view .row1 > ul {
    display: flex;
    /* margin-top: -8px; */
}

.sub-space .space-view .row1 > ul > li {
    width: 49.5%;
}

.sub-space .space-view .row1 > ul > li:nth-child(even) {
    border-left: 1px solid #ced1df;
    padding-left: 40px;
    width: 50.5%;
}

.sub-space .space-view .row1 .lst {
    font-size: 16px;
}

.sub-space .space-view .row1 .lst > ul {
    margin-top: -8px;
}

.sub-space .space-view .row1 .lst > ul > li {
    margin-top: 8px;
}

.sub-space .space-view .row1 .lst > ul > li > span {
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(1) {
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 240px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 90px;
    height: 34px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(1) u {
    width: calc(100% - 2px);
    display: block;
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    margin: 1px 0 0 1px;
    line-height: 31px;
    font-size: 14px;
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(2) {
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: text-top;
    line-height: 110%;
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(2) .dot {
    display: inline-block;
    vertical-align: top;
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(2) .dot {
    margin-bottom: 20px;
    margin-top: -9px;
}

.sub-space .space-view .row1 .lst > ul > li > span:nth-of-type(2) .dot li {
    background: url(/main/img/sub/dot-black.png) no-repeat left top 5px;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 11px;
    line-height: 100%;
}

.sub-space .space-view .row1 .btn {
}

.sub-space .space-view .row1 .btn > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -8px;
}

.sub-space .space-view .row1 .btn > ul > li {
    margin-left: 30px;
    margin-top: 8px;
    width: calc(50% - 30px);
}

.sub-space .space-view .row1 .btn > ul > li > .button01 {
    width: 100%;
}

.sub-space .space-view .row1 .btn > ul > li > .button01 > a {
    font-size: 15px;
    width: 100%;
}

.sub-space .space-view .row1 .table {
    background-color: #fff;
    border-top: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
}

.sub-space .space-view .row1 .table:before {
    content: '';
}

.sub-space .space-view .row1 .table table {
    border-collapse: collapse;
    font-size: 13px;
    border-left: 1px solid #e1e2e8;
    width: 100%;
}

.sub-space .space-view .row1 .table table thead th {
    text-align: center;
}

.sub-space .space-view .row1 .table table tbody td {
    text-align: center;
}

.sub-space .space-view .row1 .table table tbody td.left {
    text-align: left;
}

.sub-space .space-view .row1 .table table tbody td.right {
    text-align: right;
}

.sub-space .space-view .row1 .table table thead th, .sub-space .space-view .row1 .table tbody td {
    border-bottom: 1px solid #e1e2e8;
    border-right: 1px solid #e1e2e8;
    vertical-align: middle;
    padding: 8px;
}

.sub-space .space-view .row1 .table p {
    font-size: 13px;
    color: #545454;
    padding-top: 10px;
    line-height: 150%;
}

.sub-space .space-view .row2 {
    position: relative;
}

.sub-space .space-view .row2 .btn-wrap {
    top: -15px;
    position: absolute;
    right: 0;
    width: 285px;
}

.sub-space .space-view .row2 .btn-wrap .button01.file {
}

.sub-space .space-view .row2 .btn-wrap .button01.file a {
    position: absolute;
    right: 0;
    top: 80px;
    font-size: 15px;
}

.sub-space .space-view .row2 .stage {
}

.sub-space .space-view .row2 .stage > ul {
    display: flex;
    padding: 67px;
    border: 1px solid #e1e2e8;
}

.sub-space .space-view .row2 .stage > ul > li {
}

.sub-space .space-view .row2 .stage > ul > li:first-child {
    border-right: 1px solid #e1e2e8;
    padding-right: 67px;
    margin-right: 67px;
}

.sub-space .space-view .row2 .stage > ul > li:last-child {
    margin-bottom: -40px;
}

.sub-space .space-view .row2 .stage > ul > li:first-chila img {
}

.sub-space .space-view .row2 .stage > ul > li:last-child .stit {
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 700;
}

.sub-space .space-view .row2 .stage > ul > li:last-child .img-box {
    margin-top: 17px;
    margin-bottom: 40px;
}

.sub-space .space-view .row2 .stage > ul > li:last-child .img-box img {
}

.sub-space .space-view .row3 {
}

.sub-space .space-view .row3 .photo-slide {
}

.sub-space .space-view .row3 .photo-slide > ul {
    margin-left: 0;
}

.sub-space .space-view .row3 .photo-slide > ul li.slick-slide {
}

.sub-space .space-view .row3 .photo-slide > ul li.slick-slide img {
    margin: 0 31px 0 0;
}

.sub-space .space-view .row3 .photo-slide .slick-arrow {
    position: absolute;
    top: -55px;
    right: 0;
    width: 31px;
    height: 31px;
    border: 1px solid #e1e2e8;
    text-indent: -150px;
    overflow: hidden;
}

.sub-space .space-view .row3 .photo-slide .slick-prev {
    background: url(/main/img/sub/arrow-left-med-black-t.png) no-repeat center;
    right: 30px;
}

.sub-space .space-view .row3 .photo-slide .slick-next {
    background: url(/main/img/sub/arrow-right-med-black-t.png) no-repeat center;
}

.sub-space .space-view .row4 {
}

.sub-space .space-view .row4 .group {
}

.sub-space .space-view .row4 .group > ul {
    display: flex;
    flex: 1;
}

.sub-space .space-view .row4 .group > ul > li {
}

.sub-space .space-view .row4 .group > ul > li:first-child {
    width: calc(100% - 436px);
}

.sub-space .space-view .row4 .group > ul > li:last-child {
}

.sub-space .space-view .row4 .group > ul > li:first-child .detail {
    border-top: 1px solid #e1e2e8;
    border-bottom: 1px solid #e1e2e8;
    padding: 30px 0;
    font-size: 16px;
    line-height: 140%;
}

.sub-space .space-view .row4 .group > ul > li:first-child ul.history {
    line-height: 140%;
    font-size: 14px;
    padding: 30px 0;
}

.sub-space .space-view .row4 .group > ul > li:first-child ul.history > li {
}

.sub-space .space-view .row4 .group > ul > li:first-child ul.history > li > span {
    display: inline-block;
}

.sub-space .space-view .row4 .group > ul > li:first-child ul.history > li > span:nth-of-type(1) {
    width: 60px;
}

.sub-space .space-view .row4 .group > ul > li:first-child ul.history > li > span:nth-of-type(2) {
    width: calc(100% - 64px);
}

.sub-space .space-view .row4 .group > ul > li:last-child {
    width: 406px;
    margin-left: 30px;
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide {
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide > ul {
    margin-left: 0;
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide > ul li.slick-slide {
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide > ul li.slick-slide img {
    margin: 0 31px 0 0;
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide .slick-arrow {
    position: absolute;
    bottom: -45px;
    width: 31px;
    height: 31px;
    border: 1px solid #e1e2e8;
    text-indent: -150px;
    overflow: hidden;
    left: 50%;
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide .slick-prev {
    background: url(/main/img/sub/arrow-left-med-black-t.png) no-repeat center;
    transform: translateX(-20px);
}

.sub-space .space-view .row4 .group > ul > li:last-child .photo-slide .slick-next {
    background: url(/main/img/sub/arrow-right-med-black-t.png) no-repeat center;
    transform: translateX(20px);
}

.sub-space .space-view .row4 {
    border-bottom: 0;
}

.sub-space .space-view .row5 {
    border: 1px solid #e1e2e8;
}

.sub-space .space-view .row5 .addr, .sub-space .space-view .map-wrap .addr {
    background: #f6f6f6;
    text-align: center;
    font-size: 17px;
    font-family: 'NanumSquare';
    padding: 30px 0;
    font-weight: 700;
}
.sub-space .space-view .map-wrap {width:92%}
.sub-space .space-view .map-wrap .cont {display:none}

.sub-space .space-view .way-method {
    padding-top: 40px;
    width:92%;
}

.sub-space .space-view .way-method ul li {
    border-bottom: 1px solid #ced1df;
    padding-bottom: 40px;
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    align-items: center;
}

.sub-space .space-view .way-method ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.sub-space .space-view .way-method ul li > .icon-box {
	margin-left:10px;
    width: 80px;
    height: 80px;
    /*border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;*/
    position: relative;
}

.sub-space .space-view .way-method ul li > .icon-box span {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 8px;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    text-indent: -100px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.sub-space .space-view .way-method ul li > .icon-box.subway span {
    background-image: url(/main/img/sub/space/map-subway.png);
    background-size: contain;
}

.sub-space .space-view .way-method ul li > .icon-box.bus span {
    background-image: url(/main/img/sub/space/map-bus.png);
    background-size: contain;
}

.sub-space .space-view .way-method ul li > .icon-box.car span {
    background-image: url(/main/img/sub/space/map-car.png);
    background-size: contain;
}

.sub-space .space-view .way-method ul li > .icon-box.ship span {
    background-image: url(/main/img/sub/map-ship.png);
}

.sub-space .space-view .way-method ul li > .icon-box.parking span {
    background-image: url(/main/img/sub/space/map-parking.png);
    background-size: contain;
}

.sub-space .space-view .way-method ul li > .desc-box {
    font-size: 17px;
    padding-left: 40px;
    line-height: 160%;
}

.sub-space .space-view .way-method ul li > .desc-box strong {
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
    font-weight: 900;
    margin-bottom: 5px;
}

.sub-space .space-view .way-method ul li > .desc-box b {
    margin-top: 7px;
    display: inline-block;
}
.sub-space .space-view .row6 {}
.sub-space .space-view .row6 .view-rule {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sub-space .space-view .row6 .view-rule .box {flex: 1 1 40%;border: 1px solid #e1e1e3;padding: 20px;display: flex;align-items: center;}
.sub-space .space-view .row6 .view-rule .box .ico {
    width: 60px;
    margin-right: 15px;
}
.sub-space .space-view .row6 .view-rule .box .desc {
    font-size: 16px;
    line-height: 1.4;
    flex: 1;
}

.seatpop-background {
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0,0,0,0.5);
}

.seatpop-popup {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 1172px;
    height: 1422px;
    transform: translateX(-50%);
    z-index: 10000;
    /* top: 50%; */
    left: 50%;
    text-align: center;
    background: #fff;
    /* box-shadow: 0px 0px 10px 4px #efefef; */
    z-index: 501;
    border-radius: 20px;
}

.seatpop-popup .cont {
    padding: 80px;
}

.seatpop-popup .cont img {
    width: 100%;
}

.seatpop-popup .button-close {
    width: 26px;
    height: 26px;
    line-height: 0;
    display: block;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: url(/main/img/sub/pop-close.png) no-repeat;
}

.seatpop-popup .button-close a {
    display: block;
    text-indent: -100px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* 611 ~ 613 */
.sub-rent .rent-top-wrap {
    border: 1px solid #ced1df;
    padding: 40px;
}

.sub-rent .rent-top-wrap .list {
}

.sub-rent .rent-top-wrap .list ul {
    display: flex;
    flex-wrap: wrap;
}

.sub-rent .rent-top-wrap .list ul li {
    border-bottom: 1px solid #ced1df;
    padding-bottom: 40px;
    margin-bottom: 40px;
    width: 50%;
    display: flex;
}

.sub-rent .rent-top-wrap .list ul li .icon-box {
    width: 140px;
    height: 140px;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
}

.sub-rent .rent-top-wrap .list ul li .icon-box span {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 8px;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 22px;
    font-family: 'NanumSquare';
    font-weight: 900;
    text-align: center;
    padding-top: 90px;
}

.sub-rent .rent-top-wrap .list ul li .icon-box.out span {
    background: url(/main/img/sub/rent-icon-out.png) no-repeat #fff top 30px center;
}

.sub-rent .rent-top-wrap .list ul li .icon-box.perform span {
    background: url(/main/img/sub/rent-icon-perform.png) no-repeat #fff top 30px center;
}

.sub-rent .rent-top-wrap .list ul li .icon-box.museum span {
    background: url(/main/img/sub/rent-icon-museum.png) no-repeat #fff top 30px center;
}
.sub-rent .rent-top-wrap .list ul li .icon-box.multiroom span {
    background: url(/main/img/sub/rent-icon-multiroom.png) no-repeat #fff top 30px center;
}
.sub-rent .rent-top-wrap .list ul li .icon-box.kitchen span {
    background: url(/main/img/sub/rent-icon-kitchen.png) no-repeat #fff top 30px center;
}
.sub-rent .rent-top-wrap .list ul li .icon-box.classroom span {
    background: url(/main/img/sub/rent-icon-classroom.png) no-repeat #fff top 30px center;
}

.sub-rent .rent-top-wrap .list ul li .desc-box {
    font-size: 17px;
    font-family: 'NanumSquare';
    padding-left: 20px;
    padding-top: 25px;
    line-height: 160%;
}

.sub-rent .rent-top-wrap .list ul li .desc-box strong {
    font-size: 20px;
    font-family: 'NanumSquare';
    display: block;
    font-weight: 900;
    margin-bottom: 5px;
}

.sub-rent .rent-top-wrap .list ul li > div {
}

.sub-rent .rent-top-wrap .btn-area {
}

.sub-rent .rent-top-wrap .btn-area .title {
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 900;
}

.sub-rent .rent-top-wrap .btn-area .desc {
    margin-top: 10px;
    line-height: 140%;
}

.sub-rent .rent-top-wrap .btn-area .desc table {
    border-collapse: collapse;
    border-top: 1px solid #e1e2e8;
    border-left: 1px solid #e1e2e8;
    margin-top: 10px;
}

.sub-rent .rent-top-wrap .btn-area .desc table thead tr th {
    background: #f7f7f9;
    padding: 5px 20px;
    border-right: 1px solid #e1e2e8;
    border-bottom: 1px solid #e1e2e8;
    font-size: 13px;
}

.sub-rent .rent-top-wrap .btn-area .desc table tbody tr td {
    border-bottom: 1px solid #e1e2e8;
    border-right: 1px solid #e1e2e8;
    padding: 5px 20px;
    line-height: 120%;
    vertical-align: middle;
    font-size: 13px;
}

.sub-rent .rent-top-wrap .btn-area .desc table tbody tr td.c {
    text-align: center;
}

.sub-rent .rent-top-wrap .btn-area .btn-wrap {
    margin-top: 15px;
}

.sub-rent .rent-top-wrap .btn-area .btn-wrap.mgt0 {
    margin-top: 0;
}

.sub-rent .rent-top-wrap .btn-area .btn-wrap .button01.file {
    margin-right: 15px;
    margin-top: 10px;
}

.sub-rent .rent-top-wrap .btn-area .btn-wrap .button01.file a {
    width: 288px;
    height: 40px;
    font-size: 15px;
    padding-right: 44px;
    padding-top: 11px;
}

.sub-rent .sequence-wrap {
}

.sub-rent .sequence-wrap .btit {
    font-size: 30px;
    font-family: 'NanumSquare';
    color: #000;
    font-weight: 900;
    padding-bottom: 40px;
}

.sub-rent .sequence-wrap .sequence {
}

.sub-rent .sequence-wrap .sequence > ul {
    margin-top: -50px;
}

.sub-rent .sequence-wrap .sequence > ul > li {
    display: flex;
    margin-top: 50px;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box, .sub-rent .sequence-wrap .sequence > ul > li .list-box {
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box {
    border: 1px solid #ced1df;
    height: 135px;
    width: 180px;
    margin-right: 40px;
    text-align: center;
    position: relative;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(50deg,#f19319, #7c4f9c, #007bc6);
    top: -1px;
    left: 0;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box:after {
    content: '';
    display: block;
    background: url(/main/img/sub/rent-step-arrow.png) no-repeat;
    width: 17px;
    height: 30px;
    bottom: -30px;
    left: 80px;
    position: absolute;
}

.sub-rent .sequence-wrap .sequence > ul > li:last-child .step-box:after {
    display: none;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box .step {
    color: #5d00a3;
    font-size: 12px;
    margin: 23px auto;
    border: 1px solid #ced1df;
    width: 70px;
    height: 24px;
    line-height: 24px;
    border-radius: 20px;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box .step.two {
    margin-bottom: 10px;
}

.sub-rent .sequence-wrap .sequence > ul > li .step-box .title {
    font-size: 20px;
    font-weight: 700;
    /* margin-top: 24px; */
    line-height: 130%;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box {
    border-top: 1px solid #ced1df;
    border-bottom: 1px solid #ced1df;
    width: calc(100% - 220px);
    padding: 30px 0;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul {
    margin-top: -15px;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul > li {
    background: url(/main/img/sub/dot-black.png) no-repeat left top 9px;
    padding-left: 15px;
    margin-top: 15px;
    line-height: 140%;
    font-size: 14px;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul > li > div.desc {
    font-size: 12px;
    color: #858586;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul > li > ul {
    margin-top: 7px;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul > li > ul > li {
    position: relative;
    font-size: 12px;
    margin-left: 10px;
}

.sub-rent .sequence-wrap .sequence > ul > li .list-box > ul > li > ul > li:before {
    content: '-';
    position: absolute;
    left: -10px;
}

/* L5600 user page */
.sub-user {}

.sub-user .join {}

.sub-user .join .join-process {}

.sub-user .join .join-process ul {
    margin-left: -1.9%;
}

.sub-user .join .join-process ul:after {
    clear: left;
    content: '';
    display: block;
}

.sub-user .join .join-process ul li {
    float: left;
    width: 23.1%;
    border: 1px solid #d9dadf;
    margin-left: 1.9%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.sub-user .join .join-process ul li .line {
    margin-left: 80px;
    border-left: 1px solid #d9dadf;
    padding-left: 20px;
}

.sub-user .join .join-process ul li .line .step {
    font-size: 12px;
    font-weight: 100;
    color: #d9dadf;
    margin-bottom: 2px;
}

.sub-user .join .join-process ul li .line .title {
    font-size: 20px;    
    color: #abadb9;
}

.sub-user .join .join-process ul li:last-child:before {
    display: none;
}

.sub-user .join .join-process ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    background: url(/main/img/sub/member/join-arrow.png);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: -19px;
}

.sub-user .join .join-process ul li.on {
    background-color: #fff;
    border: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    display: block;
    left: 0px;
    font-weight: 700;
}

.sub-user .join .join-process ul li.on .line .step {
    color: #abadb9;
}

.sub-user .join .join-process ul li.on .line .title {
    color: #000;
}

.sub-user .join .join-process ul li:nth-child(1) {
    background: url(/main/img/sub/member/join-step1.png) no-repeat left center;
}

.sub-user .join .join-process ul li:nth-child(2) {
    background: url(/main/img/sub/member/join-step2.png) no-repeat left center;
}

.sub-user .join .join-process ul li:nth-child(3) {
    background: url(/main/img/sub/member/join-step3.png) no-repeat left center;
}

.sub-user .join .join-process ul li:nth-child(4) {
    background: url(/main/img/sub/member/join-step4.png) no-repeat left center;
}

.sub-user .join .join-process ul li.on:nth-child(1) {
    background: url(/main/img/sub/member/join-step1-on.png) no-repeat left center;
}

.sub-user .join .join-process ul li.on:nth-child(2) {
    background: url(/main/img/sub/member/join-step2-on.png) no-repeat left center;
}

.sub-user .join .join-process ul li.on:nth-child(3) {
    background: url(/main/img/sub/member/join-step3-on.png) no-repeat left center;
}

.sub-user .join .join-process ul li.on:nth-child(4) {
    background: url(/main/img/sub/member/join-step4-on.png) no-repeat left center;
}

.sub-user .choice ul {
    margin-left: -1.9%;
}

.sub-user .choice ul:after {
    clear: left;
    content: '';
    display: block;
}

.sub-user .choice ul li {
    float: left;
    border: 1px solid #ced1df;
    margin-left: 1.9%;
    width: 48.1%;
    padding-top: 130px;
    padding-bottom: 50px;
    text-align: center;
}

.sub-user .choice ul li.under14 {
    background: url(/main/img/sub/member/join-under14.png) no-repeat center top 50px;
}

.sub-user .choice ul li.over14 {
    background: url(/main/img/sub/member/join-over14.png) no-repeat center top 50px;
}

.sub-user .choice ul li a .tit {
    font-size: 24px;    
    font-weight: 900;
}

.sub-user .choice ul li a .desc {
    font-size: 14px;
    margin-top: 10px;
}

.sub-user .choice ul li a .btn-wrap {
    padding-top: 25px;
}

.sub-user .join .sc-topwrap {padding-bottom:0;}
 
.sub-user .join .agree .tit {
    font-size: 18px;    
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
}

.sub-user .join .agree .cont {
    height: 300px;
    border: 1px solid #ced1df;
    padding: 30px;
    overflow-y: scroll;
}

.sub-user .join .agree.short .cont {
    height: 124px;
}

.sub-user .join .agree .check-box {
    padding-top: 10px;
    font-weight: 700;
}

.sub-user .join .certi {
    border: 1px solid #ced1df;
    padding: 30px;
}

.sub-user .join .certi .tit {
    font-size: 18px;    
    font-weight: 700;
}

.sub-user .join .certi .desc {
    color: #7f7f7f;
    font-size: 13px;
    line-height: 130%;
}

.sub-user .join .certi .desc strong {
    font-size: 14px;
    color: #222;
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
}

.sub-user .join .certi .btn-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}

.sub-user .join .form table {
    border-top: 1px solid #ced1df;
    border-left: 1px solid #ced1df;
    border-collapse: collapse;
    width: 100%;
}

.sub-user .join .form table th, .sub-user .join .form table td {
    border-right: 1px solid #ced1df;
    border-bottom: 1px solid #ced1df;
    padding: 14px;
    height: 70px;
    vertical-align: middle;
}

.sub-user .join .form table th {
    border-right: 0;
    width: 150px;
    vertical-align: middle;
    text-align: left;
    font-size: 17px;    
    font-weight: 700;
}

.sub-user .join .form table th.nec:after {
    content: '*';
    color: #f19319;
    margin-left: 5px;
}

.sub-user .join .form table td input {
    width: 365px;
}
.sub-user .join .form table td textarea {
    border: 1px solid #ced1df;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    height: 100px;
	width: 100%;
    line-height: 45px;
    text-indent: 14px;
}
.sub-user .join .form table td select {
    width: 104px;
}

.sub-user .join .form table td input[type=text][type=password], .sub-user .join .form table select {
    display: inline-block;
}

.sub-user .join .form table td span.stick {
    width: 27px;
    display: inline-block;
    text-align: center;
    margin-left: -4px;
}

.sub-user .join .form table td input.remain {
    margin-left: 8px;
    width: calc(100% - 511px);
}

.sub-user .join .form table td input.full {
    width: 100%;
}

.sub-user .join .form table td input.c3, .sub-user .join .form table td select.c3 {
    width: 104px;
    margin-left: -4px;
}

.sub-user .join .form table td .l2 {
    margin-top: 13px;
}

.sub-user .join .form table td .button03 {
    margin-left: 8px;
}

.sub-user .join .form table td span.desc {
    font-size: 17px;    
    margin-left: 5px;
}

.sub-user .join .form .out {
    padding-top: 10px;
    font-size: 13px;
    font-weight: 700;
}

.sub-user .join .form .out img {
    vertical-align: middle;
    margin-right: 2px;
}

.sub-user .join .done {
    border: 1px solid #ced1df;
    text-align: center;
    padding: 50px 0;
}

.sub-user .join .done .tit {
    font-size: 25px;    
    font-weight: 900;
}

.sub-user .join .done .desc {
    font-size: 14px;
    margin-top: 15px;
}

.sub-user .join .done .desc strong {
    color: #7c4f9c;
    text-decoration: underline;
}

.sub-user .join .done .btn-wrap {
    margin-top: 30px;
}

/* 061 */
.sub-etc {
}

.sub-etc .use {
}

.sub-etc .use .use-wrap {
    border: 1px solid #ced1df;
    padding: 80px;
    overflow-x: scroll;
}

.sub-etc .use .use-wrap .tit {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(50deg,#f2931b, #7c509d, #007bc7);
    border-image-slice: 1;
    position: relative;
    display: block;
    text-align: center;
    font-size: 30px;
    padding-bottom: 40px;
    font-weight: 900;
    margin-bottom: 40px;
}

.sub-etc .use .use-wrap .tit img {
    vertical-align: bottom;
    margin-right: 10px;
}

/*6000*/
.sub-user .user .user-box {
    border: 1px solid #ced1df;
    max-width: 768px;
    margin: auto;
    padding: 70px 135px 80px;
}

.sub-user .user .user-box > .tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    padding-bottom: 30px;
}

.sub-user .user .user-box > .tit > .add-desc {
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    line-height: 160%;
    padding-bottom: 30px;
}

.sub-user .user .user-box .btn-wrap {
    text-align: center;
}

.sub-user .user .user-box > .tit > .add-desc strong {
    color: #7c4f9c;
    font-weight: 300;
}

.sub-user .user .user-box > .tit > span {
    display: block;
    font-size: 14px;
}

.sub-user .user .user-box ul.form {
    width: 100%;
    text-align: center;
    margin-top: -8px;
}

.sub-user .user .user-box ul.form li {
    margin-top: 8px;
}

.sub-user .user .user-box ul.form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.sub-user .user .user-box ul.form button {
    width: 100%;
    background: #7c4f9c;
    color: #fff;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    border: none;
}

.sub-user .user .user-box .find-info {
    padding: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.sub-user .user .user-box .find-info a {
}

.sub-user .user .user-box .find-info a img {
    vertical-align: middle;
    margin-right: 3px;
}

.sub-user .user .user-box .join-suggest {
    border-top: 1px solid #ced1df;
    padding-top: 30px;
}

.sub-user .user .user-box .join-suggest ul {
    width: 100%;
}

.sub-user .user .user-box .join-suggest ul li {
    display: inline-block;
    width: calc(70% - 2px);
}

.sub-user .user .user-box .join-suggest ul li .tit {
    font-size: 14px;
    font-weight: 700;
}

.sub-user .user .user-box .join-suggest ul li .desc {
    font-size: 13px;
    color: #7f7f7f;
    margin-top: 10px;
}

.sub-user .user .user-box .join-suggest ul li:last-child {
    text-align: right;
    width: calc(30% - 2px);
}

.sub-user .user .user-box .join-suggest ul li .button {
    display: inline-block;
    border: 1px solid #ced1df;
    border-radius: 5px;
    font-weight: 700;
}

.sub-user .user .user-box .join-suggest ul li .join {
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    vertical-align: bottom;
}

.sub-user .user .user-box .join-suggest ul li .button a {
    display: block;
    width: 100%;
    height: 100%;
}

.sub-user .user .user-box .radio-box {
    padding: 30px 0 10px;
    border-top: 1px solid #ced1df;
}

.sub-user .user .user-box .radio-box label {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.sub-user .user .user-box .realname {text-align: left;width: 100%;padding: 8% 3%;padding-left: 33%;border: 1px solid #ccc;background-color: #fff;background-repeat: no-repeat;background-position: 12% center;word-break: keep-all;background-image: url(/share/images/program/ic_realname01.gif);}
.sub-user .user .user-box .realname .tit {padding-bottom:15px;font-size:20px;font-weight:700;}