@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; margin-bottom:24px; font-weight:700; font-size:22px; line-height:1.4em; color:#333;}
/* .doc-tit:after {content:""; position:absolute; top:3px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;} */

.doc-cnt {margin-bottom:95px;}
.doc-cnt:last-child {margin-bottom:0;}

.pos-img {position:relative; left:50%; margin-left:-960px;}

.complaint .pic {line-height:0; text-align:center; margin-bottom:100px;}
.complaint .list ul {border-top:2px solid #444;}
.complaint .list ul li {position:relative; display:flex; align-items:center; padding:18px 0; border-bottom:1px solid #ddd;}
.complaint .list ul li .tit {flex:1 auto; width:1%; font-size:16px; line-height:1.5em; color:#505050; padding:0 10px;}
.complaint .list ul li .bt-down {flex:1 1 114px; max-width:114px;}
.complaint .list ul li .bt-down a {display:block; position:relative; padding-left:40px; font-size:14px; line-height:22px; font-weight:500; color:#555;}
.complaint .list ul li .bt-down a:after {content:""; position:absolute; top:50%; left:0; margin-top:-9px; width:18px; height:18px; background:url('../images/sub/icon_down.png') 0 0 no-repeat; background-size:100% 100%;}

.introduce {text-align:center;}
.introduce .img {line-height:0; margin-bottom:50px;}
.introduce .title {margin-bottom:25px; font-size:28px; font-weight:700; line-height:1em; color:#333;}
.introduce p {font-size:17px; font-weight:300; line-height:1.765em; color:#555; margin-bottom:14px;}
.introduce p:last-child {margin-bottom:0;}

.greeting {position:relative; padding-bottom:150px; z-index:1;}
.greeting:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 110px); background:#f8f8f8; z-index:-1;}
.greeting .in {display:flex;}
.greeting .img {flex:1 1 326px; max-width:326px; /* margin-right:40px; */ margin-right:90px;}
.greeting .cnt {flex:1 auto; width:1%;}
.greeting .cnt .tit {height:109px; font-size:22px; line-height:36px; font-weight:500; color:#454545;}
.greeting .cnt .tit strong {font-size:24px;}
.greeting .cnt .tit span {color:#f39700;}
.greeting .cnt .txt {padding-top:35px;}
.greeting .cnt .txt p {font-size:17px; font-weight:300; line-height:1.765em; color:#454545; letter-spacing:-.03em; margin-bottom:20px;}
.greeting .cnt .txt p:last-child {margin-bottom:0;}
.greeting .cnt .txt p strong {font-size:18px;}
.greeting .cnt .ceo {margin-top:30px; vertical-align:top;}
.greeting .cnt .ceo strong {display:inline-block; vertical-align:middle; margin-right:20px; font-size:18px; line-height:26px; color:#333; font-weight:500;}
.greeting .cnt .ceo img {display:inline-block; vertical-align:middle; line-height:0;}

.policy-wrap .quality-policy {width:100%; margin-bottom:60px;}
.policy-wrap .quality-policy .contain {height:460px; background:url('../images/sub/quality_policy_bg.jpg') 0 0 no-repeat; background-size:cover; text-align:center;}
.policy-wrap .quality-policy .title {padding:48px 0 70px; font-size:25px; line-height:1em; color:#fff; font-weight:500;}
.policy-wrap .quality-policy .list {margin:0 auto; width:100%; max-width:881px;}
.policy-wrap .quality-policy .list ul {display:flex; margin:0 -30px;}
.policy-wrap .quality-policy .list ul li {width:calc(33.333333% - 60px); margin:0 30px;}
.policy-wrap .quality-policy .list ul li .box {position:relative; width:100%; height:0; padding-bottom:100%; border-radius:50%; background:rgba(255,255,255,0.6); overflow:hidden;}
.policy-wrap .quality-policy .list ul li .in {position:absolute; top:0; left:0; width:100%; height:100%;}
.policy-wrap .quality-policy .list ul li .row {display:table; table-layout:fixed; width:100%; height:100%;}
.policy-wrap .quality-policy .list ul li .cell {display:table-cell; vertical-align:middle; width:100%;}
.policy-wrap .quality-policy .list ul li p {font-size:18px; line-height:26px; font-weight:500; color:#242424;}
.policy-wrap .info-box {margin-bottom:60px;}
.policy-wrap .info-box ul {display:flex;}
.policy-wrap .info-box ul li {position:relative; width:50%;}
.policy-wrap .info-box ul li .pic {position:relative; z-index:1; padding-right:100px;}
.policy-wrap .info-box ul li .txt {position:absolute; bottom:0; right:0; width:366px; height:148px; background:#fff; padding:30px 0 0 30px; z-index:2;}
.policy-wrap .info-box ul li .txt dl dt {font-size:20px; line-height:1em; font-weight:700; color:#242424; margin-bottom:12px;}
.policy-wrap .info-box ul li .txt dl dd {font-size:16px; line-height:26px; color:#555;}
.policy-wrap .goal-box {background:#f2f1f1; padding:60px 0; text-align:center;}
.policy-wrap .goal-box .title {margin-bottom:30px; font-size:22px; line-height:1em; font-weight:700; color:#242424;}
.policy-wrap .goal-box .list {margin:0 auto; width:100%; max-width:881px;}
.policy-wrap .goal-box .list ul {display:flex; margin:0 -11px;}
.policy-wrap .goal-box .list ul li {width:calc(33.333333% - 22px); margin:0 11px;}
.policy-wrap .goal-box .list ul li .box {position:relative; width:100%; height:0; padding-bottom:100%; border-radius:50%; overflow:hidden;}
.policy-wrap .goal-box .list ul li .in {position:absolute; top:0; left:0; width:100%; height:100%;}
.policy-wrap .goal-box .list ul li .row {display:table; table-layout:fixed; width:100%; height:100%;}
.policy-wrap .goal-box .list ul li .cell {display:table-cell; vertical-align:middle; width:100%;}
.policy-wrap .goal-box .list ul li p {font-size:20px; line-height:30px; font-weight:500; color:#fff;}
.policy-wrap .goal-box .list ul li.bg1 .box {background:#f39800;}
.policy-wrap .goal-box .list ul li.bg2 .box {background:#dc4128;}
.policy-wrap .goal-box .list ul li.bg3 .box {background:#ea8024;}
.policy-wrap .goal-box .list ul li.bg4 .box {background:#dc0a17;}
.policy-wrap .implementation {padding-top:60px;}
.policy-wrap .implementation .title {margin-bottom:116px; text-align:center;}
.policy-wrap .implementation .title .tt {font-size:22px; line-height:1em; font-weight:700; color:#242424; margin-bottom:12px;}
.policy-wrap .implementation .title p {font-size:16px; line-height:28px; color:#555;}
.policy-wrap .implementation .box {position:relative; width:100%; padding:0 38px 45px; background:#f8f8f8; text-align:center; z-index:1;}
.policy-wrap .implementation .box .tit {position:relative; top:-51px; display:inline-block; padding:0 60px; height:92px; margin-bottom:0; background:#ea8025; font-size:22px; line-height:92px; color:#fff; font-weight:700; z-index:2;}
.policy-wrap .implementation .box .list ul li {position:relative; padding-left:15px; font-size:16px; line-height:30px; margin-bottom:20px; color:#555; text-align:left;}
.policy-wrap .implementation .box .list ul li:after {content:""; position:absolute; top:10px; left:0; width:7px; height:7px; background:#ea8025;}
.policy-wrap .implementation .box .list ul li:last-child {margin-bottom:0;}
.policy-wrap .implementation .box .ceo {margin-top:68px; text-align:right; font-size:18px; line-height:1.3em; font-weight:700; color:#333;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"사단법인 K-뷰티산업협회"; font-size:12px; line-height:15px;}
.local {margin-top:40px;}
.local table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea8024;}
.local table tbody th {height:60px; padding:0 80px 0 60px; border-bottom:1px solid #ddd; background:#fafafa; font-size:16px; font-weight:500; color:#333; text-align:left;}
.local table tbody th span {position:relative; padding-left:68px; text-align:center; display:block;}
.local table tbody th span:after {content:""; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background-size:100% 100%; background-repeat:no-repeat; background-position:0 0;}
.local table tbody th.icon1 span:after {background-image:url('../images/sub/local_icon1.png');}
.local table tbody th.icon2 span:after {background-image:url('../images/sub/local_icon2.png');}
.local table tbody th.icon3 span:after {background-image:url('../images/sub/local_icon3.png');}
.local table tbody td {padding:12px 0 12px 18px; border-bottom:1px solid #ddd; font-size:16px; line-height:1.4em; color:#555;}

.qualification .title {margin-bottom:102px; padding:18px 0; text-align:center; background:#ea8024; font-size:20px; line-height:30px; font-weight:500; color:#fff;}
.qualification .list ul li {display:flex; margin-bottom:50px; height:100%;}
.qualification .list ul li:last-child {margin-bottom:0;}
.qualification .list ul li .thumb {flex:1 1 500px; max-width:500px; margin-right:30px;}
.qualification .list ul li .txt {flex:1 auto; width:1%; position:relative; padding-bottom:55px;}
.qualification .list ul li .txt .tt {font-size:20px; line-height:1.3em; font-weight:700; color:#333; margin-bottom:12px;}
.qualification .list ul li .txt p {font-size:16px; line-height:26px; color:#555;}
.qualification .list ul li .txt .standard {position:absolute; bottom:0; left:0; font-size:16px; line-height:1.3em; font-weight:700; color:#444;}

.criterion .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea8024;}
.criterion .table table thead th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.criterion .table table thead th:first-child {border-left:0;}
.criterion .table table thead th:last-child {border-right:0;}
.criterion .table table tbody th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.criterion .table table tbody th:first-child {border-left:0;}
.criterion .table table tbody th:last-child {border-right:0;}
.criterion .table table tbody td {padding:13px 0; border:1px solid #ddd; text-align:center; font-size:16px; line-height:1.4em; color:#555;}
.criterion .table table tbody td:first-child {border-left:0;}
.criterion .table table tbody td:last-child {border-right:0;}
.criterion .table table tbody td.space-left {padding-left:20px;}
.criterion .table table tbody td .box {display:inline-block; width:19px; height:19px; line-height:0; border:1px solid #ddd; vertical-align:middle;}
.criterion .table table tbody td .box.on {border:1px solid #555; background:#555;}
.criterion .table table tbody td .item {display:inline-block; margin-right:16px; vertical-align:middle;}
.criterion .table table tbody td .item:last-child {margin-right:0;}
.criterion .table table tbody td .item > .box {margin-right:10px; margin-top:2px; vertical-align:top;}
.criterion .title {text-align:center; margin-bottom:50px; font-size:20px; line-height:1em; font-weight:700; color:#333;}
.criterion .img {line-height:0;}

.download-box .tt {margin-bottom:28px; font-size:16px; font-weight:500; line-height:1.4em; color:#333;}
.download-box .list ul {border-top:2px solid #ea8024;}
.download-box .list ul li {position:relative; display:flex; align-items:center; padding:18px 0; border-bottom:1px solid #ddd;}
.download-box .list ul li .tit {flex:1 auto; width:1%; font-size:16px; line-height:1.5em; color:#505050; padding:0 10px;}
.download-box .list ul li .bt-down {flex:1 1 114px; max-width:114px;}
.download-box .list ul li .bt-down a {display:block; position:relative; padding-left:40px; font-size:14px; line-height:22px; font-weight:500; color:#555;}
.download-box .list ul li .bt-down a:after {content:""; position:absolute; top:50%; left:0; margin-top:-9px; width:18px; height:18px; background:url('../images/sub/icon_down.png') 0 0 no-repeat; background-size:100% 100%;}

.renewal-wrap {margin-bottom:60px;}
.renewal-wrap .group {position:relative; padding-left:50%; padding-bottom:100px;}
.renewal-wrap .group:after {content:""; position:absolute; bottom:17px; left:50%; width:41px; height:64px; margin-left:-20.5px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.renewal-wrap .group .box {display:flex; align-items:center;}
.renewal-wrap .group .box .tit {flex:1 1 250px; max-width:250px; height:150px; margin-right:20px; margin-left:-125px; border-radius:5px; background:#ea8024;}
.renewal-wrap .group .box .tit .row {display:table; table-layout:fixed; width:100%; height:100%; text-align:center;}
.renewal-wrap .group .box .tit .cell {display:table-cell; vertical-align:middle; width:100%; font-size:18px; line-height:28px; font-weight:500; color:#fff;}
.renewal-wrap .group .box .txt {flex:1 auto; width:1%; font-size:16px; line-height:24px; color:#555;}
.renewal-wrap .group .box .txt ul li {position:relative; padding-left:10px; margin-bottom:12px; color:#555;}
.renewal-wrap .group .box .txt ul li:after {content:""; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background:#f39700;}
.renewal-wrap .group .box .txt ul li:last-child {margin-bottom:0;}
.renewal-wrap .group .box .txt p {margin-top:10px;}
.renewal-wrap .group:nth-child(even) {padding-left:0; padding-right:50%;}
.renewal-wrap .group:nth-child(even) .tit {margin-right:-125px; margin-left:20px; order:2;}
.renewal-wrap .group:nth-child(even) .txt {order:1; text-align:right;}
.renewal-wrap .group:nth-child(even) .txt ul {display:inline-block; text-align:left;}
.renewal-wrap .group:last-child {padding-bottom:0;}
.renewal-wrap .group:last-child:after {display:none;}

.renewal-wrap.v2 .group .box .tit {background:#dc4128;}
.renewal-wrap.v2 .group .box .txt ul li:after {background:#dc4128;}
.renewal-wrap.v2 .group .box .txt .tt {margin-bottom:10px; font-size:18px; font-weight:500; color:#333;}

.precaution-info {margin-top:100px; padding:35px 0 72px; background:#f1f1f1; text-align:center;}
.precaution-info .inner {display:inline-block;}
.precaution-info .tit {font-size:22px; line-height:1em; font-weight:700; margin-bottom:30px; color:#242424;}
.precaution-info .inner ul li {position:relative; padding-left:10px; font-size:16px; line-height:30px; margin-bottom:5px; color:#555; text-align:left;}
.precaution-info .inner ul li:after {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:#dc4128;}
.precaution-info .inner ul li:last-child {margin-bottom:0;}

.fee-wrap .title {margin-bottom:25px; font-size:16px; line-height:1.3em; font-weight:700; color:#333;}
.fee-wrap .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea8024;}
.fee-wrap .table table thead th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.fee-wrap .table table thead th:first-child {border-left:0;}
.fee-wrap .table table thead th:last-child {border-right:0;}
.fee-wrap .table table tbody td {padding:12px 0; border:1px solid #ddd; text-align:center; font-size:16px; line-height:1.4em; color:#555;}
.fee-wrap .table table tbody td:first-child {border-left:0;}
.fee-wrap .table table tbody td:last-child {border-right:0;}
.fee-wrap .table table tbody td .tit {font-size:18px; line-height:1.3em; margin-bottom:8px;}
.fee-wrap .table table tbody td .lst {width:210px; margin:0 auto;}
.fee-wrap .table table tbody td .lst ul {display:flex; flex-wrap:wrap;}
.fee-wrap .table table tbody td .lst ul li {position:relative; padding-left:30px; width:50%; margin-bottom:12px; line-height:28px; text-align:left;}
.fee-wrap .table table tbody td .lst ul li:after {content:""; position:absolute; top:6px; left:0; width:19px; height:19px; border:1px solid #ddd;}
.fee-wrap .table table tbody td .txt ul {display:inline-block;}
.fee-wrap .table table tbody td .txt ul li {position:relative; padding-left:10px; text-align:left; line-height:28px;}
.fee-wrap .table table tbody td .txt ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:1px; background:#555;}
.fee-wrap .precaution {margin-top:45px;}
.fee-wrap .precaution ul li {position:relative; padding-left:10px; font-size:16px; line-height:30px; color:#555;}
.fee-wrap .precaution ul li:after {content:""; position:absolute; top:15px; left:0; width:4px; height:1px; background:#555;}

.course-info .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea8024;}
.course-info .table table thead th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.course-info .table table thead th:first-child {border-left:0;}
.course-info .table table thead th:last-child {border-right:0;}
.course-info .table table tbody th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.course-info .table table tbody th:first-child {border-left:0;}
.course-info .table table tbody th:last-child {border-right:0;}
.course-info .table table tbody td {padding:12px 0; border:1px solid #ddd; text-align:center; font-size:16px; line-height:1.4em; color:#555;}
.course-info .table table tbody td:first-child {border-left:0;}
.course-info .table table tbody td:last-child {border-right:0;}
.course-info .table table tbody td .lst {width:210px; margin:0 auto;}
.course-info .table table tbody td .lst ul {display:flex; flex-wrap:wrap;}
.course-info .table table tbody td .lst ul li {position:relative; padding-left:30px; width:50%; margin-bottom:12px; line-height:28px; text-align:left;}
.course-info .table table tbody td .lst ul li:after {content:""; position:absolute; top:6px; left:0; width:19px; height:19px; border:1px solid #ddd;}
.course-info .refer {margin-top:25px; font-size:16px; line-height:1.4em; color:#555;}

.registration-process .img {line-height:0; margin:55px 0 95px;}
.registration-process .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea8024;}
.registration-process .table table thead th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.registration-process .table table thead th:first-child {border-left:0;}
.registration-process .table table thead th:last-child {border-right:0;}
.registration-process .table table tbody th {height:60px; border:1px solid #ddd; font-size:16px; font-weight:500; color:#333;}
.registration-process .table table tbody th:first-child {border-left:0;}
.registration-process .table table tbody th:last-child {border-right:0;}
.registration-process .table table tbody td {padding:12px 0 12px 20px; border:1px solid #ddd; font-size:16px; line-height:1.4em; color:#555;}
.registration-process .table table tbody td:first-child {border-left:0;}
.registration-process .table table tbody td:last-child {border-right:0;}

.authentication + .application-form {margin-top:85px;}
.authentication .group-tit {margin-bottom:95px; padding:28px 0; text-align:center; background:#ea8024; font-size:20px; line-height:30px; font-weight:500; color:#fff;}
.authentication .group {margin-bottom:40px;}
.authentication .group:last-child {margin-bottom:0;}
.authentication .title {padding-bottom:18px; margin-bottom:15px; border-bottom:2px solid #ea8024; font-size:20px; line-height:1.3em; font-weight:700; color:#242424;}
.authentication .list ul {display:flex; flex-wrap:wrap;}
.authentication .list ul li {position:relative; padding-left:10px; font-size:16px; line-height:30px; color:#555; margin-right:18px;}
.authentication .list ul li:after {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:#dc4128;}

.exam-precaution .group {margin-bottom:50px;}
.exam-precaution .group:last-child {margin-bottom:0;}
.exam-precaution .title {padding-bottom:18px; margin-bottom:15px; border-bottom:2px solid #ea8024; font-size:22px; line-height:1.3em; font-weight:700; color:#242424;}
.exam-precaution .list {padding-right:70px;}
.exam-precaution .list ul {}
.exam-precaution .list ul li {position:relative; padding-left:10px; font-size:16px; line-height:26px; color:#555; margin-bottom:9px;}
.exam-precaution .list ul li:after {content:""; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background:#f39700;}
.exam-precaution .list ul li strong {font-weight:500;}

/* 사이트맵 */
.sitemap {overflow:hidden; display:flex; flex-wrap:wrap;}
.sitemap dl {width:33.333333%; padding:0 10px; margin-bottom:60px; box-sizing:border-box;}
.sitemap dl dt {border:1px solid #ea8024; padding:10px 0; background:#ea8024; line-height:1.4em; text-align:center; font-size:18px; font-weight:500; color:#fff; margin:0 0 5px 0;}
.sitemap dl dd {border-bottom:1px dotted #ccc;}
.sitemap dl dd a {display:block; padding:8px 0 8px 26px; color:#4f4f4f; font-size:16px; line-height:30px; background:url("../images/sub/dot.gif") 10px 21px no-repeat;}
.sitemap dl dd ul {background:#f4f4f4; padding:8px 0;}
.sitemap dl dd ul li a {display:block; background:none; font-size:14px; font-weight:200; line-height:20px; padding:2px 0 2px 15px; text-decoration:none;}