@charset "utf-8";


.pg-depth-container {background:#f4f4f4;border-bottom:1px solid #dddddd;padding-top: 90px;height: 140px;line-height: 50px;font-size: 16px;}
.pg-depth-container span {color:#666666;}
.pg-depth-container span a {color:#666666;}

.pg-depth-container .mb-depth {display:block;position: relative;padding: 1% 0;}
.pg-depth-container .mb-depth ul {display:block; width:100%; height: auto;}
.pg-depth-container .mb-depth ul li {display:block;float: left;padding: 1% 1%;width:50%;}
.pg-depth-container .mb-depth ul li a {display:block;font-size:14px;padding: 10px 20px;line-height: 14px;border:1px solid #dddddd;border-radius: 3px;background:#ffffff;}

.pg-wrapper {position: relative;font-size: 16px;}
.pg-wrapper .tit-container {padding:80px 0 110px;text-align: center;}
.pg-wrapper .tit-container .tit {font-size: 2.5em;font-weight: 700;position:relative;}
.pg-wrapper .tit-container .tit:after {content: "";display:block;width:1px;height:40px;background: #bbbbbb;position: absolute;left:50%;bottom: -62px;}
.pg-wrapper .cont-container {margin-bottom:50px;}
.pg-wrapper .cont-container.shadow-yes {min-height: 800px;position: relative;}
.pg-wrapper .cont-container.shadow-yes:before {content:"";display:block;width:211px;height:971px;background:url(../img/pg-shadow-left.png) no-repeat center;background-size:cover;position:absolute;top:0;left: -211px;opacity: 0.5;}
.pg-wrapper .cont-container.shadow-yes:after {content:"";display:block;width:211px;height:971px;background:url(../img/pg-shadow-right.png) no-repeat center;background-size:cover;position:absolute;top:0;right: -211px;opacity: 0.5;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
    .pg-wrapper {font-size:15px;}
    .pg-wrapper .cont-container.shadow-yes:after {display:none;}
    .pg-wrapper .cont-container.shadow-yes:before {display:none;}
}

@media all and (max-width:767px) {
    .pg-depth-container{height: auto; min-height: auto; padding-top:70px;border-bottom: 0px solid #dddddd;}
    .pg-wrapper {font-size:13px;}
    .pg-wrapper .tit-container {padding: 40px 70px;}
    .pg-wrapper .tit-container .tit:after {display:none;}
    .pg-wrapper .cont-container.shadow-yes {min-height: auto;}
    .pg-wrapper .cont-container.shadow-yes:after {display:none;}
    .pg-wrapper .cont-container.shadow-yes:before {display:none;}
    .pg-wrapper .cont-container {margin-bottom:20%;}
}

.greetings {}
.grt-top-wr {width: 100%; height: 289px; position: relative; text-align:center; line-height:289px; background: url(../img/office1.webp) no-repeat center; background-size:cover;}
.grt-top-wr .main-txt {font-size: 2.3em;font-weight: 700;color:#ffffff;position:relative;word-break: keep-all;}
.grt-top-wr .main-txt:after {content: "";display:block;width:49px;height:41px;background:url(../../img/greetings-quote.png)no-repeat center;background-size:cover;position:absolute;top:50%;left: 290px;transform: translateY(-50%);opacity: 0.5;}
.grt-top-wr .main-txt:before {content: "";display:block;width:49px;height:41px;background:url(../../img/greetings-quote.png)no-repeat center;background-size:cover;position:absolute;top:50%;right: 290px;transform: translateY(-50%) rotate(180deg);opacity: 0.5;}
.grt-top-wr .main-txt span {font-weight: 800;}

.grt-bottom-wr {text-align:justify; padding-top: 20px; padding-bottom: 50px; background: #f4f4f4;}
.grt-bottom-wr .txt1 {padding: 50px 5%;font-size: 1.4em;font-weight:700;line-height: 1.8em;letter-spacing: -0.2px;word-break: keep-all;}
.grt-bottom-wr .txt2 {padding: 30px 5% 0px 5%;font-size: 1.15em;font-weight: 300;background: #f4f4f4;line-height: 1.8em;letter-spacing: -0.2px;word-break: break-all;}
.grt-bottom-wr .txt3 {padding: 40px 5% 75px;font-size: 1.15em;line-height: 1.85em;/* color: #666666; */word-break: keep-all;font-weight: 500;letter-spacing: -0.2px;}
.grt-bottom-wr .sign-txt {font-size: 1.25em;font-weight: 600; margin:40px;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .grt-top-wr {height: auto;padding: 15% 5%;}
    .grt-top-wr .main-txt {line-height:1.5em;}
    .grt-top-wr .main-txt:before {display:none;}
    .grt-top-wr .main-txt:after {display:none;}
    .grt-bottom-wr .txt1 {padding: 30px 5%;}
    .grt-bottom-wr .txt2 {padding: 25px 5%;}
    .grt-bottom-wr .txt3 {padding: 25px 5% 35px;}
}

.overview {}
.overview-top-wr .img-background {width: 100%; height: 322px; background: url(../../../img/overview-img1.png) no-repeat center; background-size:cover; background-attachment: fixed; position: relative;}
.overview-top-wr .img-background .txt {font-size: 5em;font-weight: 600;color:#ffffff;position:absolute;bottom: 5%;left: 8%;}
.overview-cont-wr {margin-top: 40px!important;}
.overview-cont-wr .maintxt-box {display:flex;position: relative;justify-content: space-between;margin-bottom: 50px;}
.overview-cont-wr .maintxt-box .tit-box-inner {width: 37%;border-top: 1px solid #676767;padding: 3% 4%;}
.overview-cont-wr .maintxt-box .cont-box-inner {width: 60%;border-top: 1px solid #dddddd;padding: 3% 4%;}
.overview-cont-wr .maintxt-box .tit-box-inner .tit {font-size: 1.75em;font-weight: 400;line-height: 1.6em;}
.overview-cont-wr .maintxt-box .tit-box-inner .tit b {font-weight: 800;}
.overview-cont-wr .maintxt-box .cont-box-inner .txt {font-size: 1em;line-height: 1.8em;color: #454545;}

.overview-cont-wr .table-box {width:100%; height:auto; position:relative;}
.overview-cont-wr .table-box table {width:100%;height:auto;border-top: 1px solid #676767;}
.overview-cont-wr .table-box table tr th {font-size: 1.05em;padding: 1%;width: 17%;font-weight: 500;background: #f6f6f6;border-bottom: 1px solid #dddddd;}
.overview-cont-wr .table-box table tr td {font-size:1em;padding: 1% 3%;text-align: left;background:#ffffff;border-bottom:1px solid #eeeeee;width: 33%;color: #666666;word-break: keep-all;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .overview-top-wr .img-background {max-height: 250px;}
    .overview-top-wr .img-background .txt {font-size: 4em;text-align:center;display: block;width: 100%;/* height: 100%; */bottom: 5%;left: 0;}
    .overview-cont-wr .maintxt-box {flex-wrap:wrap;margin-bottom: 20px;}
    .overview-cont-wr .maintxt-box .tit-box-inner {width:100%;}
    .overview-cont-wr .maintxt-box .cont-box-inner {width:100%;}
}

.history {}
.history-wr {width: 100%; height: auto; position: relative;}
.history-wr .img-box {width:50%;padding: 0 75px 0 0;float: left;}
.history-wr .img-box img {max-width: 100%;}
.history-wr .history-list-box {width:50%;float: left;position: relative;border-left: 1px solid #dddddd;}
.history-list-box {padding: 0 0 0 75px;}
.history-list {}
.history-list dt {margin: 1% 0 5%;padding: 0 0 2% 0;display: block;width: 100%;height: auto;}
.history-list dt p {font-size: 5rem;font-weight: 600;}
.history-list dd {display: block; width: 100%; height: auto;;}
.history-list dd .his-line {display:block;padding: 20px 0;position:relative;}
.history-list dd .his-line.gray .year, .history-list dd .his-line.gray .cont li {color: rgb(136, 136, 136);} /*글씨 색상 gray*/
.history-list dd .his-line .year {font-size: 1.75em;font-weight: 600;position: absolute;top: 17px;left:0;}
.history-list dd .his-line .cont {display:block;width:100%;height: auto;padding-left: 110px;}
.history-list dd .his-line .cont:after {content:"";display:block;width: 15px;height: 15px;background:#EE8833;border: 5px solid #cccccc;border-radius:50%;position: absolute;top: 27px;left: -83px;}
.history-list dd .his-line .cont:before {content:"";display:block;width: 55px;height:1px;background: #e6e6e6;position:absolute;top: 33px;left: -76px;}
.history-list dd .his-line .cont li {display: block;position: relative;padding-left:30px;line-height: 1.8em;color: #666666;font-weight: 300;}
.history-list dd .his-line .cont li .month {display:block;position:absolute;top:0;left:0;font-weight: 500;color: #222222;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .history-wr .img-box {display:none;}
    .history-wr .history-list-box {width:100%;padding: 0 0 0 28px;}
    .history-list dt {padding-bottom: 2%;margin-bottom: 2%;}
    .history-list dt p {font-size: 4em; }

    .history-list dd .his-line .cont:after {left: -36px;top: 25px;}
    .history-list dd .his-line .cont:before {width: 30px;left: -38px;top: 31px;}
    .history-list dd .his-line .cont {padding-left: 67px;}
    .history-list dd .his-line .cont li {padding-left: 27px;word-break: keep-all;}
    .history-list dd .his-line {padding: 15px 0;}
    .history-list dd .his-line .year {font-size: 1.6em;}
}

.ci {}
.ci-top-wr {height: 230px; position: relative;}
.ci-top-wr .img-background {width:100%;height: 230px;position:relative;background:url(../../img/ci-img1.png) no-repeat center;background-size:cover;}
.ci-top-wr .img-background .txt {font-size: 3em;color:#ffffff;position:absolute;bottom: 7%;left: 5%;font-weight: 600;}
.ci-top-wr .txt-box {width:100%;height: auto;padding: 3% 3%;}
.ci-top-wr .txt-box .tit {font-size: 1.75rem;font-weight: 800;margin-bottom: 10px;}
.ci-top-wr .txt-box .tit .eng {font-size: 0.75em;font-weight: 500;color: #888888;}
.ci-top-wr .btn-box {display:block;width:100%;height:auto;padding: 0% 3% 3%;text-align: center;}
.ci-top-wr .btn-box .btn-style2 {display:inline-block;width: 50%;max-width: 320px;}

.ci-cont-wr {}
.ci-contents {display:flex; width:100%; height:auto;}
.ci-contents .tit-box {width: 22%;padding: 3% 1%;border-top: 1px solid #454545;}
.ci-contents .cont-box {width: 78%;padding:3% 1%;border-top: 1px solid #dddddd;}
.ci-contents .tit-box .tit1 {font-size: 1.2rem;font-weight: 500;color: #888888;margin-bottom: 12px;}
.ci-contents .tit-box .tit2 {font-size:1.75rem; font-weight: 800;}
.ci-contents .txt-inner-box {max-width:950px;margin: 0 auto 30px;}
.ci-contents .txt-inner-box p {word-break: keep-all;font-weight: 300;}
.ci-contents .img-inner-box {border: 1px solid #dddddd;border-radius: 3px;overflow: hidden;text-align: center;max-width: 950px;margin: 0 auto;}
.ci-contents .img-inner-box img {max-width:100%}
.ci-contents .color-inner-box {max-width:950px; margin: 0 auto; display:flex; justify-content: space-between; flex-wrap:wrap;}
.ci-contents .color-inner-box .tit {display:block;width:100%;height:auto;padding: 30px 0 10px;font-size: 1.2rem;font-weight: 600;}
.ci-contents .color-inner-box.split2 .color-article {width:49%;}
.ci-contents .color-inner-box.split3 .color-article {width:32%;}
.ci-contents .color-article {display: inline-block;border: 1px solid #dddddd;}
.ci-contents .color-article .color-box {display:block;width: 120px;height: 90px;position:relative;float: left;}
.ci-contents .color-article .color-box .name {font-size: 0.9rem;color:#ffffff;position:absolute;bottom: 10px;left: 10px;}
.ci-contents .color-article .txt-box {padding: 9px 3% 0;float: left;width: calc(100% - 120px);}
.ci-contents .color-article .txt-box .txt1 {font-size: 0.9rem;line-height: 1.65em;padding-left: 15px;position: relative;}
.ci-contents .color-article .txt-box .txt1:after {content:"";display:block;width: 4px;height: 4px;border-radius: 50%;background:#bbbbbb;position: absolute;top: 11px;left: 5px;}
.ci-contents .color-box.metalic1 {background:rgb(198,177,113);background: linear-gradient(to right top, #c6b171, #c6b171, #f4e6ba, #c6b171, #c6b171,  #f4e6ba, #c6b171);}
.ci-contents .color-box.metalic2 {background:rgb(167,169,171);background: linear-gradient(to right top, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab, #a7a9ab,  #eeeeee, #a7a9ab);}

.ci-contents .inc-inner-box {max-width:950px;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content: space-between;}
.ci-contents .inc-inner-box .img-box {width:32%; height: auto; margin-bottom:30px;}
.ci-contents .inc-inner-box .img-box img {border: 1px solid #eeeeee;max-width:100%;border-radius: 2px;border-top: 1px solid #444444;overflow: hidden;}
.ci-contents .inc-inner-box .img-box .caption {background: #f6f6f6;text-align:center;padding: 5% 3%;word-break: keep-all;border-bottom: 1px solid #eeeeee;font-size: 0.9rem;letter-spacing: -0.1px;}


@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .ci-top-wr .img-background {width:100%; max-height:180px;}
    .ci-top-wr .img-background .txt {font-size: 2.5em;word-break: keep-all;line-height: 1.6em;text-align: center;bottom: 50%;transform: translateY(50%);left: 0;}
    .ci-top-wr .btn-box .btn-style2 {width: 44%;}
    .ci-contents {flex-wrap:wrap;}
    .ci-contents .tit-box {width:100%;}
    .ci-contents .cont-box {width:100%;}
    .ci-contents .color-inner-box.split2 .color-article {width:100%;}
    .ci-contents .color-inner-box.split3 .color-article {width:100%;}
    .ci-contents .color-inner-box .tit {padding: 0 0 3%;}
    .ci-contents .color-inner-box {padding-bottom: 8%;}
    .ci-contents .color-inner-box:last-of-type {padding-bottom:0;}
}

.affiliate {min-height: 750px!important;}
.aff-img-wr {text-align: center; padding-top:30px;}
.pg-wrapper .cont-container.shadow-yes.affiliate:before {height: 750px;}
.pg-wrapper .cont-container.shadow-yes.affiliate:after {height: 750px;}

.aff-top-wr {display: block;margin: 0 auto;text-align: center;padding-bottom: 70px; position:relative;}
.aff-top-wr:after {content:""; display:block; width:1px; height:50%; background:#dddddd; position:absolute; bottom:0; left:50%;}
.aff-top-wr img {position:relative; z-index:1;}
.aff-bottom-wr {display: flex;justify-content: center;}
.aff-bottom-wr .img-box {width: auto;height: auto;max-width: 18%;padding: 90px 1% 0;border-top: 1px solid #dddddd;position:relative;}
.aff-bottom-wr .img-box:first-of-type:after {content:"";display:block;width: 50%;height: 10px;background: #ffffff;position:absolute;top:-3px;left: 0;}
.aff-bottom-wr .img-box:last-of-type:after {content:"";display:block;width: 50%;height: 10px;background: #ffffff;position:absolute;top: -3px;right: -1px;}
.aff-bottom-wr .img-box a {display:block;width:100%;height:100%;border:1px solid #cccccc;border-radius:5px;overflow:hidden;position: relative;z-index: 1;box-shadow: 3px 3px 6px rgba(0,0,0,0.15);padding: 3px;background: #ffffff;}
.aff-bottom-wr .img-box:before {content:""; display:block; width:1px; height:100px; position:absolute; top:0; left:50%; background:#dddddd}
.aff-bottom-wr .img-box a img {max-width:100%;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .affiliate {min-height: auto!important;}
    .aff-top-wr {width: 50%; margin: 0 auto;}
    .aff-top-wr a {max-width:100%; display:block;}
    .aff-top-wr a img {max-width:100%;}
    .aff-bottom-wr {flex-wrap: wrap;}
    .aff-bottom-wr .img-box {width:50%;max-width: 50%;padding: 30px 4% 0;}
    .aff-bottom-wr .img-box:last-of-type:before {height: 300%;bottom: 20%;top: auto;}
}

.location {}
.loca-depth {display:block;width:auto;height: auto;text-align:center;margin-bottom: 40px;}
.loca-depth ul {display:inline-block; width:auto; height:auto;}
.loca-depth ul li {display:block; width:auto; height: auto; float: left;}
.loca-depth ul li a {display:block;width:auto;height: auto;padding: 15px 45px;color:#222222;background: #f9f9f9;border: 1px solid #dddddd;margin-left: 10px;min-width: 320px;cursor: pointer;}
.loca-depth ul li:first-of-type a {margin-left: 0;}
.loca-depth ul li.on a {background:#EE8833; border: 1px solid #EE8833; color:#ffffff;}

.location-top-wr {width:100%;height: auto;position: relative;display: flex; padding-top: 50px;}
.loca-img-box {width: 50%;height: auto;border: 1px solid #dddddd;overflow: hidden;}
.loca-img-box img {max-width:100%;}
.loca-txt-box {background: #f7f7f7;width: 50%;height: auto;padding: 4% 3%;}
.loca-txt-box .name {font-size: 1.8em;font-weight:800;margin-bottom: 20px;padding-left: 20px;position:relative;/* color: #EE8833; */}
.loca-txt-box .name:after {content:"";display:block;width: 8px;height: 8px;position:absolute;top: 50%;left: 0;transform: rotate(45deg) translateY(-50%);background: #EE8833;}
.loca-txt-box .tel {font-size:1.1em;font-weight:300;display: block;width: 99%;float: left;color: #454545;padding: 2% 4%;border: 1px solid #dddddd;}
.loca-txt-box .tel span {color:#222222; margin-right:5px; font-weight:700;}
.loca-txt-box .fax {font-size:1.1em;font-weight:300;display: block;width: 99%;float: left;color: #454545;padding: 2% 4%;border: 1px solid #dddddd;margin-top: 2%;}
.loca-txt-box .fax span {color:#222222; margin-right:5px; font-weight:700;}
.loca-txt-box .address {margin-top: 23px;padding-top: 20px;padding-left: 20px;display: block;width: 100%;float: left;border-top: 1px solid #dddddd;font-size: 0.95em;line-height: 1.8em;font-weight: 300;}

.loca-img-wrap {width: 100%; display: flex; justify-content: space-between; margin: 5% 0;}
.loca-img-wrap .loca-img-box {width: 49%; border: none;}
.loca-img-wrap .loca-img-box img {width: 100%; height: 100%; object-fit: cover;}
.mapbox { width: 100%; height: 500px; margin-top: 50px;}
.mapbox #map { width: 100%; height: 500px;}

.map_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.location-map-wr {width: 49%;height: 580px;}

/* .location-map-wr {width:100%; height: 580px;} */
.location-map-wr>div {width:100%; height: 100%;}
.location-map-wr .root_daum_roughmap .wrap_map {width:100%;height: calc(100% - 32px);}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media (max-width: 767px) {
    .loca-depth {width:100%;height: auto;margin-bottom: 20px;}
    .loca-depth ul {display:flex;justify-content: center;}
    .loca-depth ul li {width: 48%;height: 100%;padding: 0 1%;}
    .loca-depth ul li a {width:auto;min-width:auto;height:100%;margin-left: 0;padding: 15px 15px;word-break: keep-all;}
    .location-top-wr {flex-wrap:wrap; padding-top: 20px;}
    .loca-img-box {width: 100%;}
    .loca-txt-box {width:100%;padding: 5% 3%;}
    .loca-txt-box .name {margin-bottom:5%}
    .loca-img-wrap {flex-wrap: wrap;}
    .loca-img-wrap .loca-img-box {width: 100%; border: none;}
    .loca-img-wrap .loca-img-box:first-child {margin-bottom: 20px;}
    .location-map-wr {height: 250px;}
    .mapbox { width: 100%; height: 300px; margin-top: 20px;}
    .mapbox #map { width: 100%; height: 300px;}

}

.manage-top-wr {margin-bottom: 40px;}
.manage-depth {display:block;width:auto;height: auto;text-align:center;margin-bottom: 40px;}
.manage-depth ul {display:inline-block; width:auto; height:auto;}
.manage-depth ul li {display:block; width:auto; height: auto; float: left;}
.manage-depth ul li a {display:block;width:auto;height: auto;padding: 15px 45px;color:#222222;background: #f9f9f9;border: 1px solid #dddddd;margin-left: 10px;min-width: 320px;cursor: pointer;}
.manage-depth ul li:first-of-type a {margin-left: 0;}
.manage-depth ul li.on a {background:#EE8833; border: 1px solid #EE8833; color:#ffffff;}

.manage-cont-wr {width: 100%; display: flex; flex-wrap: wrap;}
.manage-cont-wr .tit-box {padding: 3% 2%;border-top: 1px solid #454545;width: 22%;}
.manage-cont-wr .tit-box .tit {font-size:1.75rem;font-weight:800;word-break: keep-all;line-height: 1.5em;}
.manage-cont-wr .tit-box .subtit {font-size: 1.25rem;font-weight: 400;color: #777777;margin-top:5px;}
.manage-cont-wr .cont-box {padding: 3% 1%;border-top: 1px solid #dddddd;width: 78%;}
.manage-cont-wr .txt-inner-box {max-width: 950px;margin: 0 auto 30px;}
.manage-cont-wr .txt-inner-box p {font-size: 1em;font-weight: 300;word-break: keep-all;line-height: 1.8em;}
.manage-cont-wr .txt-inner-box p.pl15 {padding-left:15px;}
.manage-cont-wr .txt-inner-box p.highlight {font-size: 1.25em;line-height: 1.75em;font-weight: 600;margin-bottom: 20px;}
.manage-cont-wr .txt-inner-box p.tit {font-size:1.1em;font-weight: 600;margin-bottom:5px;padding-bottom: 5px;background: #ffffff;border-bottom: 1px solid #dddddd;padding-left: 15px; position:relative;}
.manage-cont-wr .txt-inner-box p.tit:after {content:"";display:block;width:6px;height:6px;background:#EE8833;position:absolute;top: 13px;left: 1px;}
.manage-cont-wr .txt-inner-box p.sub {font-size:0.95em;color: #666666;margin-top:5px;padding-left: 35px;}
.manage-cont-wr .txt-inner-box p b {font-weight:500;}
.manage-cont-wr .img-inner-box {max-width: 950px;margin: 0 auto 30px;border: 1px solid #dddddd;border-radius: 3px;overflow: hidden;padding: 1%;text-align: center;}
.manage-cont-wr .img-inner-box img {max-width: 100%;}
.manage-cont-wr .full-img-box {width: 100%;text-align: center;border: 1px solid #dddddd;border-radius: 3px;padding: 2%;}
.manage-cont-wr .full-img-box img {max-width:100%; max-height:100%;}
.manage-cont-wr .full-img-box.full-img-box2 {max-height: 100%;border: 0;}
.manage-cont-wr .full-img-box.full-img-box2 img {}
.manage-cont-wr .cert-inner-box {width:100%;max-width: 950px;margin: 0 auto 30px;display: flex;flex-wrap: wrap;}
.manage-cont-wr .cert-inner-box article {display: block;width: 24%;height: auto;padding: 2%;background: #f1f1f1;margin-bottom: 1%;margin-right: 1.33%;border-radius: 3px;}
.manage-cont-wr .cert-inner-box article:nth-of-type(4n) {margin-right:0;}
.manage-cont-wr .cert-inner-box article .img-box {width: 100%;height: auto;overflow: hidden;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.manage-cont-wr .cert-inner-box article .img-box img {max-width: 100%;}
.manage-cont-wr .cert-inner-box article .txt-box {text-align:center;padding-top: 25px;position: relative;}
.manage-cont-wr .cert-inner-box article .txt-box p {font-size:0.95em;color: #454545;word-break: keep-all;}
.manage-cont-wr .cert-inner-box article .txt-box:after {content: "";display:block;width: 20px;height: 4px;background: #EE8833;transform: translateX(-50%);position: absolute;top: 15px;left: 50%;}
.manage-cont-wr .cert-inner-box.split2 {}
.manage-cont-wr .cert-inner-box.split2 article {width: auto;}
.manage-cont-wr .btn-inner-box {max-width:950px; margin: 0 auto 30px;}
.manage-cont-wr .btn-inner-box>div {margin-right:10px;}
.manage-cont-wr .table-inner-box {max-width:950px; margin: 0 auto 30px;}
.manage-cont-wr .table-inner-box table {width:100%; height: auto; position: relative;}
.manage-cont-wr .table-inner-box table .tit th {background:#f6f6f6;padding: 12px;border: 1px solid #dddddd;border-top: 1px solid #444444;color: #222222;}
.manage-cont-wr .table-inner-box table .tit td {text-align:center;background: #f6f6f6;padding: 12px;border: 1px solid #dddddd;border-left: 0;border-top: 1px solid #444444;color: #222222;}
.manage-cont-wr .table-inner-box table .cont th {background: #f6f6f6;padding: 12px;border: 1px solid #dddddd;border-top: 0;color: #222222;}
.manage-cont-wr .table-inner-box table .cont td {background:#ffffff;text-align: center;padding: 12px;border: 1px solid #dddddd;border-top: 0;border-left: 0;color: #454545;font-weight: 300;}
.manage-cont-wr.latest-box-wr {justify-content: space-between;margin-bottom: 30px;}
.manage-cont-wr .latest-box {width:49%;height: auto;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .manage-top-wr {width:100%; max-height:120px; overflow:hidden;}
    .manage-top-wr img {max-width:100%; }

    .manage-cont-wr .tit-box {width:100%;}
    .manage-cont-wr .tit-box .tit {font-size: 1.5rem;}
    .manage-cont-wr .cont-box {width:100%;}
    .manage-cont-wr .cert-inner-box article {width: 49%;}
    .manage-cont-wr .cert-inner-box article:nth-of-type(2n) {margin-right:0}

    .manage-depth ul {display:flex;width:100%;justify-content: space-between;}
    .manage-depth ul li {width: 32%;}
    .manage-depth ul li a {min-width:auto;padding:15px 2%;margin: 0;width: 100%;height: 100%;word-break: keep-all;}
    .manage-cont-wr .latest-box {width:100%; margin-bottom:2px;}
    .manage-cont-wr .lat li a {font-size:14px;}
    .manage-cont-wr .pic_lt li.gallery_li a {font-size:14px;}
    .manage-cont-wr .pic_lt ul {height: auto;min-height: auto;}
    .manage-cont-wr .lat .lat_title a {font-size: 15px;}
    .manage-cont-wr .pic_lt .lat_title a {font-size: 15px;}

    
}

.product {padding: 0 7%; position:relative;}
.pro-depth {width:100%;height: auto;text-align:center;margin-bottom: 8%;}
.pro-depth ul {display: flex;width: auto;height:auto;}
.pro-depth.split2 ul {padding: 0 10%;}
.pro-depth ul li {display: table;float: left;padding: 0 10px;}
.pro-depth.split2 ul li {width:50%;}
.pro-depth.split3 ul li {width:33.33%;}
.pro-depth.split4 ul li {width:25%;}
.pro-depth ul li a {display: table-cell;width: 100%;height: 100%;font-size:1.1em;color:#333333;padding: 18px 10px;border: 1px solid #cccccc;border-radius: 5px;word-break: keep-all;vertical-align: middle;}
.pro-depth ul li.on a {background: #EE8833; color:#ffffff; border: 1px solid #EE8833;}

.product .topline {padding-top:3%; margin-top:3%; border-top: 1px solid #cccccc;}
.product .small-num {font-size: 0.3em;}

.pro-tit-wr {margin: 5% 0 3%;position: relative;}
.pro-tit-wr .tit {font-size: 1.7rem;padding-left: 30px;font-weight: 800;}
.pro-tit-wr .tit:after {content: "";display:block;width:19px;height:17px;background: url(../../img/pro-dot.png) no-repeat center;background-size:cover;position:absolute;top:50%;left:0;transform: translateY(-50%);}
.pro-tit-wr .tit .sub-txt {font-size: 0.65em;color:#555555;position: relative;font-weight: 600;}
.pro-tit-wr.underline {margin-bottom:3%;padding: 1.5% 0;border-bottom:1px solid #cccccc;}
.pro-txt-gray-wr {background: #f6f6f6;padding: 3% 5%;text-align:center;border-radius: 10px;margin-bottom: 3%;}
.pro-txt-gray-wr .txt {font-size: 1.5rem;color:#434343;word-break:keep-all;line-height: 1.8em; font-weight: bold;}
.pro-txt-gray-wr p { padding-bottom: 1em; }
.job-txt-gray-wr {padding: 5% 5%;text-align:center;border-radius: 10px;margin-bottom: 3%;background: url(../img/bg-page5.jpg) no-repeat center;background-size:cover;}
.job-txt-gray-wr .txt {font-size: 1rem;color:#434343;word-break:keep-all;line-height: 1.8em;background: rgba(255,255,255,0.5); padding: 20px;word-wrap: break-word;}


.pro-maincont-top { width: 100%; display: block; padding: 50px 0px;}
.img-box-product { border: 1px solid #cccccc; padding: 0px 50px; box-shadow: 5px 5px 0px #dddddd;}

.news-maincont-wr {display:flex; padding: 50px 0px 0px 0px;}
.news-maincont-wr .img-box {width:600px;}
.news-maincont-wr .img-box .img-box-inner {width:100%;height:auto;padding: 2%;border: 1px solid #cccccc;box-shadow: 5px 5px 0px #dddddd;text-align: center;margin-bottom: 20px;}
.news-maincont-wr .img-box .img-box-inner img {width:100%; cursor: pointer;}
.news-maincont-wr .txt-box {width:calc(100% - 600px);padding: 0% 0 0 5%;}
.news-maincont-wr .txt-box p.tit {font-size: 1.5rem;font-weight: 600;margin: 40px 0 5px;padding-left: 0px;position: relative; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-maincont-wr .txt-box p.tit:first-of-type {margin-top:0;}
.news-maincont-wr .txt-box p.cont {font-size:1rem;color: #666666;padding-left: 0px;line-height: 1.75em;position: relative; text-align: justify; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news-maincont-wr .txt-box p.time {font-size:1rem;color: #333333;padding-left: 0px;line-height: 2em;position: relative; text-align: left; }
.news-title { font-size: 2rem;font-weight: 600;margin: 50px 0px 0px;padding-left: 0px;}
.news-time { font-size: 1rem;font-weight: normal; color: #666666; line-height: 2em; padding: 1em 0; border-bottom: 1px solid #f1f1f1; margin-bottom: 1.5em;}
.news-content {}
.news-content p{font-size: 1rem; line-height: 1.75em; text-align: justify; margin-bottom: 1em;}
.news-content img{ max-width: 100%; margin-bottom: 1em;}


.area-maincont-wr {display:flex;}
.area-maincont-wr .img-box {width:450px;}
.area-maincont-wr .img-box .img-box-inner {width:100%;height:auto;padding: 2%;border: 1px solid #cccccc;box-shadow: 5px 5px 0px #dddddd;text-align: center;margin-bottom: 30px;}
.area-maincont-wr .img-box .img-box-inner img {width:100%;}
.area-maincont-wr .txt-box {width:calc(100% - 450px);padding: 0% 0 0 5%;}
.area-maincont-wr .txt-box img {width:60%; display: block; margin: 0px auto; position: relative; margin-bottom: 2em;}
.area-maincont-wr .txt-box p.tit {font-size: 1.15rem;font-weight: 600;margin: 40px 0 5px;padding-left: 20px;position: relative;}
.area-maincont-wr .txt-box p.tit:first-of-type {margin-top:0;}
.area-maincont-wr .txt-box p.tit:after {content:"";display:block;width: 16px;height: 16px;background:#EE8833;position:absolute;top: 5px;left:0;}
.area-maincont-wr .txt-box p.cont {font-size:1rem;color: #555555;padding-left: 38px;line-height: 1.8em;word-break: keep-all;position: relative;}
.area-maincont-wr .txt-box p.cont:after {content:"✓";display:block;width: 16px;height: 16px;color:#EE8833;position:absolute;top: 0px;left:18px;}




.pro-maincont-wr {display:flex;}
.pro-maincont-wr .img-box {width:600px;}
.pro-maincont-wr .img-box2 {width:400px;}
.pro-maincont-wr .img-box .img-box-inner, .pro-maincont-wr .img-box2 .img-box-inner {width:100%;height:auto;padding: 2%;border: 1px solid #cccccc;box-shadow: 0px 0px 0px #dddddd;text-align: center;margin-bottom: 30px;}
.pro-maincont-wr .img-box .img-box-inner img {width:100%;}
.pro-maincont-wr .img-box2 .img-box-inner img {width:100%;}
.pro-maincont-wr .img-box .img-caption {font-size:1em;margin: 15px 0 10px;text-align:center;}
.pro-maincont-wr .txt-box {width:calc(100% - 600px);padding: 0% 0 0 5%;}
.pro-maincont-wr .txt-box2 {width:calc(100% - 400px);padding: 0% 0 0 5%;}
.pro-maincont-wr .txt-box p.tit, .pro-maincont-wr .txt-box2 p.tit {font-size: 1.15rem;font-weight: 600;margin: 40px 0 5px;padding-left: 20px;position: relative;}
.pro-maincont-wr .txt-box p.tit:first-of-type, .pro-maincont-wr .txt-box2 p.tit:first-of-type {margin-top:0;}
.pro-maincont-wr .txt-box p.tit:after, .pro-maincont-wr .txt-box2 p.tit:after {content:"";display:block;width: 16px;height: 16px;background:#EE8833;position:absolute;top: 5px;left:0;}
.pro-maincont-wr .txt-box p.cont, .pro-maincont-wr .txt-box2 p.cont {font-size:1rem;color: #555555;padding-left: 38px;line-height: 1.8em;position: relative;}
.pro-maincont-wr .txt-box p.cont b {margin-top: 8px;display:inline-block;}
.pro-maincont-wr .txt-box .pro-txt-gray-wr {padding: 4% 6%;text-align:left;border-radius:3px;line-height:1.8em;margin-bottom: 10%;}
.pro-maincont-wr .txt-box p.cont:after, .pro-maincont-wr .txt-box2 p.cont:after {content:"✓";display:block;width: 16px;height: 16px;color:#EE8833;position:absolute;top: 0px;left:18px;}

.pro-maincont-wr.imgW350 {}
.pro-maincont-wr.imgW350 .img-box {width:350px;}
.pro-maincont-wr.imgW350 .img-box .img-box-inner {padding:0;box-shadow: none;}
.pro-maincont-wr.imgW350 .txt-box {width: calc(100% - 350px);}

.pro-maincont-wr.noimg {}
.pro-maincont-wr.noimg .txt-box{width:100%; padding-left:0;}

.pro-table {width:100%;height:auto;position:relative;margin: 30px 0;}
.pro-table table {width: 100%; height:auto;}
.pro-table table thead th {font-size: 1.05rem;font-weight: 400;padding: 12px;border-bottom: 1px solid #222222;background: #444444;color: #ffffff;word-break: keep-all;}
.pro-table table tbody th {font-size:1rem;font-weight: 500;padding: 12px;width: 25%;border-bottom: 1px solid #cccccc;background: #fafafa;word-break: keep-all;}
.pro-table table tbody td {font-size:1rem;color:#555555;padding: 12px;text-align: center;border-bottom: 1px solid #dddddd;word-break: keep-all;}

.product .txt_box {margin-top: 20px; text-align:left;}


@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
    .product {padding: 0;}
    .pro-depth.split2 ul {padding: 0;}
    .pro-depth ul li a {padding: 5% 5%;}
    .pro-depth ul li {padding: 0 5px;}
    .pro-tit-wr .tit .sub-txt {display:block;margin-top: 4px;}
    .pro-tit-wr .tit:after {top: 34px;left: 3px;}
    .pro-tit-wr.underline .tit:after {top: 19px; left: 3px}
    .pro-txt-gray-wr .txt {font-size: 0.9rem;}

    .news-maincont-wr {flex-wrap:wrap;}
    .news-maincont-wr:first-child { padding: 20px 0 0 0;}
    .news-maincont-wr .img-box {width: 100%;}
    .news-maincont-wr .img-box .img-box-inner {box-shadow: none;}
    .news-maincont-wr .txt-box {width: 100%;padding: 0 0 0 3%;}
    .news-title { margin: 20px 0px 0px; padding: 0 5px;}
    .news-time { padding: 1em 5px;}
    .news-content p{ padding: 0 5px;}

    .area-maincont-wr {flex-wrap:wrap;}
    .area-maincont-wr .img-box {width: 100%;}
    .area-maincont-wr .img-box .img-box-inner {box-shadow: 5px 5px 0px #dddddd;}
    .area-maincont-wr .txt-box {width:100%;padding: 0 0 0 0;}
    .area-maincont-wr .txt-box img {width:100%;box-shadow: 5px 5px 0px #dddddd;border: 1px solid #cccccc;}

    .pro-maincont-wr {flex-wrap:wrap;}
    .pro-maincont-wr .img-box {width: 100%;}
    .pro-maincont-wr .img-box2 {width: 100%;}
    .pro-maincont-wr .txt-box {width: 100%;padding: 0 0 0 3%;}
    .pro-maincont-wr .txt-box2 {width: 100%;padding: 0 0 0 3%;}
    .pro-depth ul {flex-wrap:wrap;}
    .pro-depth.split4 ul li {width: 50%;margin-bottom: 3%;}

    .pro-maincont-wr.imgW350 .img-box {width:100%;}
    .pro-maincont-wr.imgW350 .img-box img {/* width: 100%; */}
    .pro-maincont-wr.imgW350 .txt-box {width:100%;}
    .pro-maincont-wr .txt-box p.tit {margin-top:25px;}
    .pro-tit-wr .tit {margin-top: 15px; padding-top:15px; line-height: 1.5em;}
    .pro-maincont-wr.noimg .txt-box {padding: 0 0 0 3%;}
}

@media all and (max-width:767px) {
    .product {padding: 0;}
    .pro-depth.split2 ul {padding: 0;}
    .pro-depth ul li a {padding: 5% 5%;}
    .pro-depth ul li {padding: 0 5px; margin-bottom: 1em;}
    .pro-tit-wr .tit .sub-txt {display:block;margin-top: 4px;}
    .pro-tit-wr .tit:after {top: 34px;left: 3px;}
    .pro-tit-wr.underline .tit:after {top: 56px;left: 3px;}
    .pro-txt-gray-wr .txt {font-size: 0.9rem;}


    .pro-maincont-top { padding: 20px 0px;}
    .img-box-product { padding: 0px 0px;}

    .news-maincont-wr {flex-wrap:wrap;}
    .news-maincont-wr:first-child { padding: 20px 0 0 0;}
    .news-maincont-wr .img-box {width: 100%;}
    .news-maincont-wr .img-box .img-box-inner {box-shadow: none;}
    .news-maincont-wr .txt-box {width: 100%;padding: 0 0 0 0;}
    .news-title { margin: 20px 0px 0px; padding: 0 5px;}
    .news-time { padding: 1em 5px;}
    .news-content p{ padding: 0 5px;}

    .area-maincont-wr {flex-wrap:wrap;}
    .area-maincont-wr .img-box {width: 100%;}
    .area-maincont-wr .img-box .img-box-inner {box-shadow: 5px 5px 0px #dddddd;}
    .area-maincont-wr .txt-box {width:100%;padding: 0 0 0 0;}
    .area-maincont-wr .txt-box img {width:100%;box-shadow: 5px 5px 0px #dddddd;border: 1px solid #cccccc;}



    .pro-maincont-wr {flex-wrap:wrap;}
    .pro-maincont-wr .img-box {width: 100%;}
    .pro-maincont-wr .img-box2 {width: 100%;}
    .pro-maincont-wr .txt-box {width: 100%;padding: 0 0 0 3%;}
    .pro-maincont-wr .txt-box2 {width: 100%;padding: 0 0 2em 3%;}
    .pro-depth ul {flex-wrap:wrap;}
    .pro-depth.split4 ul li {width: 50%;margin-bottom: 3%;}

    .pro-maincont-wr.imgW350 .img-box {width:100%;}
    .pro-maincont-wr.imgW350 .img-box img {width: 100%;}
    .pro-maincont-wr.imgW350 .txt-box {width:100%;}
    .pro-maincont-wr .txt-box p.tit {margin-top:25px;}
    .pro-tit-wr .tit {margin-top: 15px; padding-top:15px; line-height: 1.5em;}
    .pro-maincont-wr.noimg .txt-box {padding: 0 0 0 3%;}

    .pro-maincont-wr .img-box.long-img .img-box-inner {max-height: 340px;position: relative;/* height: 100%; */}
    .pro-maincont-wr .img-box.long-img .img-box-inner img {max-height: 323px;}
}


.pg-wrapper .cont-container.board {font-size: 14px;}

.irpr-center {}
.irpr-depth {display:block;width:auto;height: auto;text-align:center;margin-bottom: 40px;}
.irpr-depth ul {display:inline-block; width:auto; height:auto;}
.irpr-depth ul li {display:block;width:auto;height: auto;float: left;max-width: 32%;margin-left: 10px;}
.irpr-depth ul li a {display:block;width:auto;height: auto;padding: 15px 45px;color:#222222;background: #f9f9f9;border: 1px solid #dddddd;min-width: 230px;cursor: pointer;max-width: 100%;}
.irpr-depth ul li:first-of-type {margin-left: 0;}
.irpr-depth ul li.on a {background:#EE8833; border: 1px solid #EE8833; color:#ffffff;}

.dart-topBox {display: block;width:100%;height: auto;padding: 2%;font-size: 1.4em;font-weight: 600;text-align:center;background:#f4f4f4;margin-bottom: 3%;border-radius: 3px;word-break: keep-all;}
.dart-contBox {width:100%;max-width: 750px;height: auto;min-height: 460px;position: relative;margin: 0 auto;}
.dart-contBox iframe {
    height: auto;
    min-height: 795px;
}

.stock-iframe {width: 1000px;height: 604px;overflow: hidden;margin: 0 auto;position: relative;}
.stock-iframe iframe {position: absolute;top: -202px;overflow: hidden;width: 1300px;left: -150px;height: calc(100% + 100px);}
.stock-container {width: 1200px!important; height: auto; margin: 0 auto;}
.stock-gobtn {width: 100%;height: auto;text-align: center;margin-bottom: 60px;}
.stock-gobtn a {display: inline-block;padding: 15px 81px;background: #EE8833;color: #ffffff;text-align: center;border-radius: 10px;font-size: 1.1em;letter-spacing: -0.3px;transition: all 0.2s ease;}
.stock-gobtn a:hover {background: #c20c04;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .irpr-depth {margin-bottom: 0;}
    .irpr-depth ul li a {min-width: 0;}
}

.car1-top-wr {position:relative;}
.car1-top-wr .img-background {width:100%; height:auto;}
.car1-top-wr .img-background img {max-width:100%;}
.car1-top-wr .caption {position:absolute;bottom: 10%;left: 7%;font-size: 3.8rem;font-weight: 500;color: #454545;}

.car1-txt-wr {display: flex; justify-content:space-between;}
.car1-txt-wr .txt-box {width:100%;padding: 50px 3%;margin: 50px auto 25px;border: 1px solid #eeeeee;border-top: 1px solid #666666;border-radius: 10px 0 10px;position: relative;}
.car1-txt-wr .txt-box .tit {font-size:1.75em;font-weight: 800;display: inline-block;width: 24%;max-width: 315px;text-align: center;padding: 0 3%;}
.car1-txt-wr .txt-box .cont {font-size:1rem;display: inline-block;width: 69%;padding: 0 3%;}
.car1-txt-wr .right-box {width:60%;padding: 50px 3%;margin-top: 50px;border-top: 1px solid #cccccc;}
.car1-txt-wr .right-box .cont {font-size:1em;}
.car1-cont-wr {display:flex;justify-content:space-between;margin-top: 50px!important;}
.car1-article {display:block;width: 24%;padding: 40px 30px;border: 1px solid #f9f9f9;box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);}
.car1-article .icon-box {width:83px;height:70px;display:table-cell;vertical-align: middle;text-align:center;}
.car1-article .tit-box {margin: 25px 0;height: 104px;display: flex;flex-wrap: wrap;align-content: center;}
.car1-article .tit-box .tit1 {font-size: 1.75em;font-weight: 600;word-break: keep-all;margin-bottom: 9px;display: block;width: 100%;}
.car1-article .tit-box .tit2 {font-size: 1.15em;font-weight: 600;color:#EE8833;display: block;width: 100%;}
.car1-article .cont-box {}
.car1-article .cont-box .cont {font-size: 0.9em;color: #555555;position:relative;padding-left: 0px;margin-bottom: 8px;word-break: break-all; text-align: justify; font-weight: 300;}
.car1-article .cont-box .cont .num {position:absolute;top: 0px;left:0;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .car1-top-wr .caption {font-size: 2em;}
    .car1-txt-wr .txt-box {margin-top: 5%; padding: 5% 3%;}
    .car1-txt-wr .txt-box .tit {width:100%; margin-bottom:3%}
    .car1-txt-wr .txt-box .cont {width:100%; text-align:center; word-break:keep-all;}
    .car1-cont-wr {flex-wrap:wrap;}
    .car1-article {width: 100%;padding: 7% 8%;}
    .car1-article .icon-box {}
    .car1-article .tit-box {height: auto;margin: 15px 0 25px;}
    .car1-article .tit-box .tit1 {margin-bottom: 5px; }
    .car1-article .tit-box .tit2 {font-family: "Noto Sans KR", "dotum", sans-serif!important;}
    .car1-article .cont-box .cont {margin-bottom: 5px;}
}

.car2-top-wr {height: auto; position: relative;}
.car2-top-wr .img-background {width:100%; height: auto;}
.car2-top-wr .img-background img {max-width:100%;}
.car2-top-wr .tit-box {position: absolute; top: 50%; width: 100%; transform:translateY(-50%); }
.car2-top-wr .tit-box p {font-size: 1.75em;color:#ffffff;font-weight: 500;text-align: center;line-height: 1.8em;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);}
.car2-top-wr .tit-box p .eng {font-size: 1.5em;font-weight: 600;}
.car2-top-wr .tit-box p b {font-weight: 800;font-size: 1.1em;}
.car2-img-wr {padding: 60px 0;text-align:center; position:relative;}
.car2-img-wr img {max-width:100%; position:relative; z-index:1;}
.car2-img-wr .car2-centerline {position: absolute;top: 50%;top:calc(50% - 1px);left:0;width:100%;height: 1px;background: #cccccc;z-index: 0;}
.car2-subtit-wr {padding: 65px 0 50px;text-align:center;margin-top: 55px!important;border-top:1px solid #dddddd;}
.car2-subtit-wr .subtit {font-size: 2.25rem;font-weight: 700;padding-bottom: 80px;position:relative;}
.car2-subtit-wr .subtit:after {content:"";display:block;width:1px;height:40px;background: #bbbbbb;position:absolute;bottom: 20px;left:50%;}
.car2-subtit-wr .txt {color: #454545;font-weight: 300;letter-spacing: -0.2px;line-height: 1.8em;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .car2-top-wr .tit-box p {font-size: 1em;word-break: keep-all; font-weight:500}
    .car2-top-wr .tit-box p .eng {font-weight: 500;}
    .car2-top-wr .tit-box p b {font-size:1em; font-weight:500;}
    .car2-img-wr {padding: 10% 0;}
    .car2-subtit-wr {padding: 5% 2% 0;margin-top: 20px!important;}
    .car2-subtit-wr .subtit {font-size: 1.5rem;padding-bottom: 35px;}
    .car2-subtit-wr .subtit:after {width:30px;height: 1px;transform: translateX(-52%);}
}

.car3-top-wr {border: 1px solid #666666;border-left: 0;border-right: 0;text-align:center;margin-bottom: 50px!important;}
.car3-top-wr .txt {font-size:1.75em; font-weight: 800; line-height: 1.8em; padding:50px 10px;}

.car3-cont-wr {display: flex;flex-wrap: wrap;}
.car3-article {width: 100%; display: flex; border-bottom:1px solid #ddd;}
.car3-article:first-child {border-top:2px solid #010101;}
.car3-article .tit-box {width: 160px; background: #f4f4f4; display:flex; align-items: center; justify-content: center;}
.car3-article .tit-box .tit {text-align: center; color: #343434;}
.car3-article .icon-box {width: 140px; display:flex; align-items: center; justify-content: center;}
.car3-article .icon-box img {width:35%; height:auto;}
.car3-article .txt-box {padding: 30px 0; width: 80%; display:flex; align-items: center; flex-wrap: wrap;}
.car3-article .txt-box .txt {font-weight:500; margin-bottom: 10px; line-height:1.6; width: 100%;}
.car3-article .txt-box .txt.NanumSquare {line-height:1.6; margin-bottom: 0;}

@media all and (min-width:768px) and (max-width:1023px) {
    .car3-cont-wr.fourarticle {padding: 0;}    
}

@media all and (max-width:767px) {
    .car3-top-wr .txt {padding: 5% 3%;font-size: 1.5em;word-break: keep-all;}
    .car3-article {flex-wrap:wrap; font-size:15px;}
    .car3-article .tit-box {width:100%; padding: 10px 0;}
    .car3-article .icon-box {display: none;}
    .car3-article .txt-box {width:100%; padding: 20px 20px;}
}

.car4-top-wr {text-align: center;}
.car4-top-wr .txt1 {font-size: 2em;font-weight: 800;line-height: 1.8em;padding: 30px;margin-bottom: 30px;border-bottom: 1px dashed #cccccc;}
.car4-top-wr .txt2 {font-size: 1.25em;line-height: 1.8em;letter-spacing: -0.2px;padding-bottom: 40px;margin-bottom: 30px;}

.car4-cont-wr {}
.car4-article {display:flex;margin-bottom: 50px;border: 1px solid #dddddd;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
.car4-article .img-box {display: block;width: 40%;border-right: 1px solid #dddddd;overflow: hidden;text-align: center;padding: 3% 4%;}
.car4-article .img-box img {max-width: 100%;}
.car4-article .txt-box {display: block;width: 60%;padding: 40px 50px;}
.car4-article .txt-box .tit {font-size: 1.5em;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;padding-left: 30px;border-bottom: 1px solid #dddddd;position:relative;word-break: keep-all;}
.car4-article .txt-box .tit:after {content:"";display:block;width:12px;height:12px;background: #ffffff;border: 4px solid #e42e26;position:absolute;top: 8px;left: 5px;transform: rotate(45deg);}
.car4-article .txt-box .cont {font-size: 1.05em;color: #555555;font-weight: 300;margin-bottom: 15px;line-height: 1.8em;padding-left: 30px;word-break: keep-all;}
.car4-article .txt-box .list {font-size: 1em;color: #555555;padding: 20px 30px;display: block;background: #f6f6f6;border-radius: 3px;}
.car4-article .txt-box .list span {position:relative;display: inline-block;width: 100%;padding-left: 20px;line-height: 1.75em;word-break: keep-all;}
.car4-article .txt-box .list span:before {display: block;content: "";width: 4px;height: 4px;border-radius: 50%;background:#999999;position:absolute;top: 12px;left: 6px;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .car4-top-wr .txt1 {padding: 5% 3%;font-size: 1.5em;margin-bottom: 5%;}
    .car4-top-wr .txt2 {padding: 0 3% 5%;word-break: keep-all;}
    .car4-article {flex-wrap:wrap;}
    .car4-article .img-box {width:100%;border-right: 0;border-bottom: 1px solid #dddddd;padding: 5% 5%;}
    .car4-article .txt-box {width:100%;padding: 7% 5%;}
    .car4-article .txt-box .tit:after {top: 4px;}
}

.car5-img-wr {display:block; text-align:center; padding: 0 0 50px;}
.car5-img-wr img {max-width:100%;}
.car5-txt-wr {text-align: center;margin: 25px auto 75px!important;}
.car5-txt-wr .tit {font-size:2em;font-weight: 700;margin-bottom: 20px;}
.car5-txt-wr .txt1 {font-size:1em; color: #777777; margin-bottom:25px;}
.car5-txt-wr .txt1 .centerline {text-decoration: line-through;}
.car5-txt-wr .txt2 {font-size:1.2em; font-weight: 500;}
.car5-txt-wr .txt2 .name {font-weight: 600; color:#EE8833; margin-right: 10px;}
.car5-btn-wr {text-align:center;}
.car5-btn-wr .btn-style2 {margin: 0 auto;max-width: 65%;width: 320px;}
.car5-btn-wr .btn-style2 a {}
.car5-btn-wr .btn-style2 a p {font-size: 1.15em;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .car5-img-wr {padding: 0 15% 8%;}
    .car5-txt-wr .tit {margin-bottom: 15px;}
    .car5-txt-wr {margin: 15px auto 45px!important;}
}

.privacy .blind {position:absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip: rect(0, 0, 0, 0);}
.privacy .txt, .privacy li, .privacy h4 {font-size: 18px;}
.privacy p {margin-bottom: 30px; font-size: 16px;}
.privacy > ol > li {margin-bottom: 40px;}
.privacy .sub_list li {font-size: 16px; line-height: 1.6; margin: 10px 0; list-style-type: decimal-leading-zero;}
.privacy .sub_list li ol li {list-style-type: hangul;}
.privacy h4 {margin-bottom: 20px;}
.privacy table {width: 97%; position: relative; border-collapse: collapse; margin: 20px 0; font-size: 16px;}
.privacy .table3 {width: 94%;}
.privacy table::before {content:" "; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top:0;}
.privacy table tr {border-bottom:#eeeeee;}
.privacy table th {background: #f6f6f6; text-align: center; padding: 10px 15px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.privacy table td { padding: 10px 20px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.privacy table th:last-child {border-right: none;}
.privacy table td:last-child {border-right: none;}
.privacy .table1 th:first-child {width: 15%;}
.privacy .table2 th:first-child {width: 40%;}
.privacy .table3 th:first-child {width: 15%;}
.privacy .table4 th:first-child {width: 20%;}
.privacy .table5 th:first-child {width: 50%;}