@charset "utf-8";

/* 
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Nanum Square', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Noto Serif KR', serif;
 */

/* map */
[data-map="kakao"]{position:relative; width:100%; padding-bottom:43%;}
[data-map="kakao"]>.in{position:absolute; left:0; top:0; width:100%; height:100%;}
[data-map="address"]{padding:1em; font-size:1.1764em; background-color:#222;}
[data-map="address"]::after{content:""; display:block; clear:both;}
[data-map="address"]>p{position:relative; padding-left:1.4em; margin:0 !important; color:#fff;}
[data-map="address"]>p::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:1.2em; height:1.2em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-map="address"]>p:nth-child(1){float:left;}
[data-map="address"]>p:nth-child(1)::before{background-image:url(../../../images/site/kor/content/map_icon_1.svg);}
[data-map="address"]>p:nth-child(2){float:right;}
[data-map="address"]>p:nth-child(2)::before{background-image:url(../../../images/site/kor/content/map_icon_2.svg);}

@media screen and (max-width: 900px) {
    [data-map="kakao"]{height:20em; padding-bottom:0;}
}
@media screen and (max-width: 600px) {
    [data-map="address"]>p{float:none !important;}
}
@media screen and (max-width: 400px) {
    [data-map="address"]{font-size:1em;}
}

/* Arrow - Circle */
[data-arrow="circle"]{margin:3em 0; text-align:center;}
h4+[data-arrow="circle"],
h5+[data-arrow="circle"],
h6+[data-arrow="circle"]{margin-top:1.5em;}
[data-arrow="circle"]>ul,
[data-arrow="circle"]>ol{display:table; table-layout:fixed; border-spacing:3.2em 0; width:calc(100% + 6.4em); margin-left:-3.2em;}
[data-arrow="circle"]>ul>li,
[data-arrow="circle"]>ol>li{
    display:table-cell; position:relative; width:calc((100% - 1px) / 5); vertical-align:top; background-color:#EFF3FF;
    border-radius:3em; border-radius:3em;
}
[data-arrow="circle"]>ul>li::after,
[data-arrow="circle"]>ol>li::after{content:""; display:block; position:absolute; right:calc(100% + 1.1875em); top:calc(50% - 1.125em); width:1.125em; height:2.25em; background-image:url(../../../images/site/kor/content/data-arrow.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-arrow="circle"]>ul>li:first-child::after,
[data-arrow="circle"]>ol>li:first-child::after{display:none;}
[data-arrow="circle"] .in{display:table; table-layout:fixed; border-spacing:0; position:relative; width:100%; height:100%;}
[data-arrow="circle"] .in>.cell{display:table-cell; height:6em; padding:0.5em; vertical-align:middle; text-align:center;}
[data-arrow="circle"] .in>.cell>.head{display:block; font-weight:500; font-size:1.1764em; color:#333;}
[data-arrow="circle"] .in>.cell>.midd{display:block; margin-top:0.1em; line-height:1.3; font-size:1em; color:#333;}

@media screen and (max-width: 900px) {
    [data-arrow="circle"]{font-size:0.8em;}
}
@media screen and (max-width: 700px) {
    [data-arrow="circle"]{max-width:30em; margin:0 auto; font-size:1em;}
    [data-arrow="circle"]>ul,
    [data-arrow="circle"]>ol{display:block; width:100%; margin-left:0;}
    [data-arrow="circle"]>ul>li,
    [data-arrow="circle"]>ol>li{
        float:none !important; display:block; width:100% !important; margin:2em 0 0 0;
        border-radius:0.5em; border-radius:0.5em;
    }
    [data-arrow="circle"]>ul>li::before,
    [data-arrow="circle"]>ol>li::before{display:none;}
    [data-arrow="circle"]>ul>li::after, 
    [data-arrow="circle"]>ol>li::after{
        left:calc(50% - 0.5em); top:auto; bottom:calc(100% + 0.5em); width:1em; height:1em;
        transform:rotate(90deg); transform:rotate(90deg);
    }
    [data-arrow="circle"] .in{position:relative;}
    [data-arrow="circle"] .in>.cell{padding:1em;}
}

/* Arrow - Rect */
[data-arrow="rect"]{margin:3em 0;}
h4+[data-arrow="rect"],
h5+[data-arrow="rect"],
h6+[data-arrow="rect"]{margin-top:1.5em;}
[data-arrow="rect"]>ul::after,
[data-arrow="rect"]>ol::after{content:""; display:block; clear:both;}
[data-arrow="rect"]>ul>li,
[data-arrow="rect"]>ol>li{float:left; position:relative; width:calc((100% - 1px - (5.1875em * 2)) / 3); margin-left:5.1875em;}
[data-arrow="rect"]>ul>li:first-child,
[data-arrow="rect"]>ol>li:first-child{margin-left:0;}
[data-arrow="rect"]:not([data-type="2"])>ul>li::after,
[data-arrow="rect"]:not([data-type="2"])>ol>li::after{content:""; display:block; position:absolute; right:calc(100% + 2.03125em); top:calc(50% - 1.125em); width:1.125em; height:2.25em; background-image:url(../../../images/site/kor/content/data-arrow.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-arrow="rect"]:not([data-type="2"])>ul>li:first-child::after,
[data-arrow="rect"]:not([data-type="2"])>ol>li:first-child::after{display:none;}
[data-arrow="rect"]:not([data-type="2"])>ul>li:nth-child(n+4),
[data-arrow="rect"]:not([data-type="2"])>ol>li:nth-child(n+4){float:right; margin-left:0; margin-right:5.1875em; margin-top:3em;}
[data-arrow="rect"]:not([data-type="2"])>ul>li:nth-child(n+4)::after,
[data-arrow="rect"]:not([data-type="2"])>ol>li:nth-child(n+4)::after{
    right:auto; left:calc(100% + 2.03125em);
    transform:rotate(180deg); transform:rotate(180deg);
}
[data-arrow="rect"]:not([data-type="2"])>ul>li:nth-child(4),
[data-arrow="rect"]:not([data-type="2"])>ol>li:nth-child(4){margin-right:0;}
[data-arrow="rect"]:not([data-type="2"])>ul>li:nth-child(4)::after,
[data-arrow="rect"]:not([data-type="2"])>ol>li:nth-child(4)::after{
    left:calc(50% - 0.5625em); top:auto; bottom:calc(100% + 0.5em);
    transform:rotate(90deg); transform:rotate(90deg);
}
[data-arrow="rect"] .in{display:table; table-layout:fixed; width:100%;}
[data-arrow="rect"] .in>.cell{display:table-cell; vertical-align:middle; text-align:center;}
[data-arrow="rect"] .in>.cell>.head{
    display:block; padding:0.5em; font-size:1.125em; color:#fff; background-color:#4493F1;
    border-radius:0.25em 0.25em 0 0; border-radius:0.25em 0.25em 0 0;
}
[data-arrow="rect"] .in>.cell>.midd{
    display:block; padding:0.8em; font-size:1em; color:#333; border:1px solid #E0E0E0; border-top:none;
    border-radius:0 0 0.25em 0.25em; border-radius:0 0 0.25em 0.25em;
}

[data-arrow="rect"]>ul>li.point .in>.cell>.head,
[data-arrow="rect"]>ol>li.point .in>.cell>.head{background-color:#1768C7;}

[data-arrow="rect"][data-type="2"]>ul>li,
[data-arrow="rect"][data-type="2"]>ol>li{width:calc((100% - 1px - (1.375em * 2)) / 3); margin-left:1.375em;}
[data-arrow="rect"][data-type="2"]>ul>li:nth-child(3n+1),
[data-arrow="rect"][data-type="2"]>ol>li:nth-child(3n+1){margin-left:0;}
[data-arrow="rect"][data-type="2"]>ul>li:nth-child(n+4),
[data-arrow="rect"][data-type="2"]>ol>li:nth-child(n+4){margin-top:1.375em;}
[data-arrow="rect"][data-type="2"] .in>.cell>.midd{display:table; table-layout:fixed;}
[data-arrow="rect"][data-type="2"] .in>.cell>.midd .cell{display:table-cell; width:100%; height:8em; vertical-align:middle; text-align:center;}

@media screen and (max-width: 700px) {
    [data-arrow="rect"]{max-width:30em; margin:3em auto; font-size:1em;}
    [data-arrow="rect"]>ul>li,
    [data-arrow="rect"]>ol>li{
        float:none !important; width:100% !important; margin:2em 0 0 0 !important;
        border-radius:0.5em; border-radius:0.5em;
    }
    [data-arrow="rect"]>ul>li:first-child,
    [data-arrow="rect"]>ol>li:first-child{margin-top:0 !important;}
    [data-arrow="rect"]>ul>li::before,
    [data-arrow="rect"]>ol>li::before{display:none;}
    [data-arrow="rect"]>ul>li::after, 
    [data-arrow="rect"]>ol>li::after{
        left:calc(50% - 0.5em) !important; top:auto !important; bottom:calc(100% + 0.5em) !important; width:1em !important; height:1em !important;
        transform:rotate(90deg) !important; transform:rotate(90deg) !important;
    }
    [data-arrow="rect"] .in{position:relative;}

    [data-arrow="rect"][data-type="2"] .in>.cell>.midd{display:block;}
    [data-arrow="rect"][data-type="2"] .in>.cell>.midd .cell{display:block; height:auto;}
}

/* 개인정보 수집 목적 */
[data-scroll="radio-group"]>.midd{padding: 1.6em;border:1px solid #E0E0E0;}
[data-scroll="radio-group"]>.midd>.in{overflow:auto; max-height:22em;}
[data-scroll="radio-group"]>.midd>.in>div{padding-left:1em; margin:0.5em 0 2em 0;}
[data-scroll="radio-group"]>.foot{padding:1em 2em; border:1px solid #EAEAEA; border-top:none; background-color:#efefef;}
[data-scroll="radio-group"]>.foot::after{content:""; display:block; clear:both;}
[data-scroll="radio-group"]>.foot>strong,
[data-scroll="radio-group"]>.foot>div{margin:2px 0;}
[data-scroll="radio-group"]>.foot>strong{float:left; font-weight:normal; color:#333;}
[data-scroll="radio-group"]>.foot>div{float:right;}

[data-scroll="radio-group"][data-content="content"]>.midd{border:none;padding: 0;}
[data-scroll="radio-group"][data-content="content"]>.midd>.in{overflow: visible; max-height: none;}
[data-scroll="radio-group"][data-content="content"]>.midd>.in>div{padding-left:0;}
[data-scroll="radio-group"][data-content="content"] [data-list="2"]{ margin-left: 0;}
[data-scroll="radio-group"][data-content="content"] h6{ color:#0082cc ;}


@media screen and (max-width: 500px) {
    [data-scroll="radio-group"]>.midd>.in{max-height:14em;}
}


/* I-PIN */
[data-user="ipin-box"]{margin: 2.5em 0;}
[data-user="ipin-box"]>ul{text-align:center;}
[data-user="ipin-box"]>ul::after{content:""; display:block; clear:both;}
[data-user="ipin-box"]>ul>li{display:inline-block; width:calc((100% - 1px - 10px - (2em * 2)) / 3); margin-right:2em; vertical-align:top;}
[data-user="ipin-box"]>ul>li>.in{
    display:block; padding:2.5em; text-align:center; border:1px solid #E0E0E0;
    transition:border-color 0.2s linear, box-shadow 0.2s linear; transition:border-color 0.2s linear, box-shadow 0.2s linear;
}
[data-user="ipin-box"]>ul>li>.in>.head{display:block;font-weight:500;font-size:1.25em;color:#333;font-weight: 600;}
[data-user="ipin-box"]>ul>li>.in>.head:before{content:""; display:block; width:5em; height:5em; margin:0 auto 1.5em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-user="ipin-box"]>ul>li>.in>.midd{display:block; margin-top:0.66em; font-size:1em; color:#555;}
[data-user="ipin-box"]>ul>li>.in>.foot{
    display:inline-block; padding:0.8em 1.5em; margin-top:1.25em; vertical-align:top; color:#fff; background-color:#1768C7;
    border-radius:0.25em; border-radius:0.25em;
}

[data-user="ipin-box"]>ul>li:nth-child(3){margin-right:0;}
[data-user="ipin-box"]>ul>li.icon-1>.in>.head:before{background-image:url(../../../images/site/kor/content/ipin_simbol_1.svg);}
[data-user="ipin-box"]>ul>li.icon-2>.in>.head:before{background-image:url(../../../images/site/kor/content/ipin_simbol_2.svg);}
[data-user="ipin-box"]>ul>li.icon-3>.in>.head:before{background-image:url(../../../images/site/kor/content/ipin_simbol_3.svg);}

[data-user="ipin-box"]>ul>li>a.in:hover{border-color:#20335B; box-shadow:0 6px 8px rgba(26, 32, 44, 0.07); box-shadow:0 6px 8px rgba(26, 32, 44, 0.07);}

@media screen and (max-width: 1300px) {
    [data-user="ipin-box"]{font-size:0.8em;}
}
@media screen and (max-width: 700px) {
    [data-user="ipin-box"]{font-size: 0.9em;margin: 2em 0;}
    [data-user="ipin-box"]>ul>li{float:none; width:100%; margin-right:0;}
    [data-user="ipin-box"]>ul>li:nth-child(n+2){margin-top: 1em;}
    [data-user="ipin-box"]>ul>li>.in{position:relative;padding-left:12em;text-align:left;font-size: 1.1em;line-height: 1.4;}
    [data-user="ipin-box"]>ul>li>.in>.head:before{position:absolute; left:2.5em; top:2.5em;}
}
@media screen and (max-width: 400px) {
    [data-user="ipin-box"]>ul>li>.in>.foot{/*width:100%;*/}
    [data-user="ipin-box"]>ul>li>.in{padding:2em 2em 2em 8em;}
    [data-user="ipin-box"]>ul>li>.in>.head:before{left:2em; top:2em; width:3em; height:3em;}
}
@media screen and (max-width: 360px) {
    [data-user="ipin-box"]{font-size:0.8em;}
}



/*공통*/
.h4-logo{position: relative;padding-left: 59px;}
.h4-logo::before{content: "";display: inline-block;width: 52px;height:50px;background-image: url(../../../images/site/kor/layout/logo.svg);position: absolute;top: 7px;left: 0;background-size: auto 53px;}
.h4-logo h4{ margin: 0 0 4px;}

.img-default-style img{ max-width: 100%; border-radius: 14px}


/*교육장안내*/
.centerimg-list ul.d-flex{ flex-wrap: wrap; margin: 0 -10px;}
.centerimg-list ul li{ width: calc((100% / 4) - 20px); margin:20px 10px 15px 10px; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
.centerimg-list ul li p{ text-align: center; margin: 5px 0 0 0;}
@media screen and (max-width: 767px) {
    .centerimg-list ul li{ width: calc((100% / 3) - 20px);}
}
@media screen and (max-width: 540px) {
    .centerimg-list ul li{ width: calc((100% / 2) - 20px);}
}


/*안전체험버스신청 소개*/
.bus{}
.bus>li{margin: 20px 0; background: #f6f6f6; border-radius: 14px; padding: 40px 40px 40px 200px; background-repeat: no-repeat; background-position: 30px center; }
.bus h4{ color: #003d99; font-size: 24px;}
.bus>li:first-child { background-image: url(../../../images/site/kor/content/bus-ico01.png);}
.bus>li:nth-child(2) { background-image: url(../../../images/site/kor/content/bus-ico02.png);}
.bus>li:nth-child(3) { background-image: url(../../../images/site/kor/content/bus-ico03.png);}
.bus>li:nth-child(4) { background-image: url(../../../images/site/kor/content/bus-ico04.png);}
.bus>li:nth-child(5) { background-image: url(../../../images/site/kor/content/bus-ico05.png);}
.bus>li:nth-child(6) { background-image: url(../../../images/site/kor/content/bus-ico06.png);}
@media screen and (max-width: 767px) {
    .bus h4{ color: #003d99; font-size: 18px;}
    .bus>li{ background-size: 50px auto; padding: 25px 25px 25px 85px; background-position: 20px 20px; }
}


/*작업환경측정 소개*/
.step-img-for-mob{ display: none;}
@media screen and (max-width: 768px) {
    .step-img-for-desktop{ display: none;}
    .step-img-for-mob{ display: block; overflow: auto; margin:15px 0 }
    .step-img-for-mob ol li {background-color: #d8e9f9;/* width: 150px; */flex: 0 0 100px;}
}



/*연혁*/
.history{ padding: 0 0 0 130px; position: relative; }
.history::before{content: "";display: block;position: absolute;left: 42px;height: 100%;width: 1px;background-color: #dedede;top: 20px;}
.history dt{ font-size: 30px; font-family: 'GmarketSans'; font-weight: bold;  position: relative;}
.history dt::before{content: "";display: block;width: 90px;height: 1px;background-color: #d8d8d8;position: absolute;left:-100px;top: 19px;}
.history dt::after{content: "";display: block;width: 26px;height: 26px;border-radius: 50px;border: 7px solid #0082cc;background-color: #fff;position: absolute;left: -100px;top: 7px;}
.history dt:not(:first-child){ margin-top: 50px;}
.history  ul { margin: 16ox 0 0 0;}
.history>dl>dd>ul>li{ border: 1px dashed #dedede; background-color: #f5f5f5;  border-radius: 8px; padding: 15px 20px; margin:9px 0}
.history li.d-flex strong{ font-weight: 700; width: 100px; display: inline-block; }
.history li.d-flex strong::before{content: ""; display: inline-block; width: 4px; height: 4px ; background-color: #bebebe; border-radius: 50%; margin-right: 7px; position: relative; top: -4px;}
@media screen and (max-width: 768px) {
    .history { padding: 0 0 0 60px;}
    .history::before {left:10px}
    .history dt {font-size: 20px;}
    .history dt::before{width: 50px;left: -60px;top: 14px;}
    .history dt::after{left: -60px;top: 4px;width: 20px;height: 20px;border: 7px solid #0082cc;}
    .history>dl>dd>ul>li.d-flex{ flex-direction: column;}
    .history>dl>dd>ul>li.d-flex div{ padding:4px 0 0 12px;}
}



/* 조직 및 담당업무 */
[data-item="group"]>strong{display:table; table-layout:fixed; position:relative; z-index:10; width:9.375em; height:9.375em; margin:0 auto 2em; background-image:url(../../../images/site/kor/content/1-3_simbol_1.svg); 
    background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-item="group"]>strong>span{display:table-cell; position:relative; text-align:center; vertical-align:middle; font-weight:600; font-size:1.375em; color:#fff;}
[data-item="group"]>strong>span::after{content:""; display:block; position:absolute; left:calc(50% - 1px); top:100%; width:1px; height:1.5em; border-right:1px dashed #C4C4C4;}
[data-item="group"]>ul{display:table; table-layout:fixed; position:relative; z-index:0; width:100%; border-collapse:separate; border-spacing:4em 0;}
[data-item="group"]>ul>li{display:table-cell; position:relative; padding-top:2em;}
[data-item="group"]>ul>li::before{content:""; display:block; position:absolute; left:calc(50% - 1px); top:0; width:1px; height:2em; border-right:1px dashed #C4C4C4;}
[data-item="group"]>ul>li::after{content:""; display:block; position:absolute; left:50%; top:0; width:calc(100% + 4em); height:1em; border-top:1px dashed #C4C4C4;}
[data-item="group"]>ul>li:last-child::after{display:none;}
[data-item="group"]>ul>li>strong{
    display:table; table-layout:fixed; width:100%; height:3.5em; border-collapse:collapse; background-color:#1E489B;
    border-radius:2em; border-radius:2em;
}
[data-item="group"]>ul>li>strong>span{display:table-cell; position:relative; width:100%; height:100%; line-height:1.3; vertical-align:middle; text-align:center; font-size:1.25em; color:#fff;}
[data-item="group"]>ul>li>strong>span::before{
    content:""; display:block; position:absolute; left:calc(50% - 0.375em); top:-0.375em; width:0.75em; height:0.75em; border:3px solid #fff; background-color:#1E489B;
    border-radius:50%; border-radius:50%;
}
@media screen and (max-width: 1000px) {
    [data-item="group"]>ul{border-spacing:1em 0;}
    [data-item="group"]>ul>li::after{width:calc(100% + 1em);}
}
@media screen and (max-width: 700px) {
    [data-item="group"]>ul>li>strong>span{font-size:1em;}
}
@media screen and (max-width: 600px) {
    [data-item="group"]>strong{
        display:inline-block; width:auto; height:auto; margin:0; background-color:#2278D7; background-position:right -4em bottom -1em; background-size:auto 300%;
        border-radius:0.5em; border-radius:0.5em;
    }
    [data-item="group"]>strong>span{display:block; padding:0.5em 2em; text-align:left;}
    [data-item="group"]>strong>span::after{display:none;}
    
    [data-item="group"]>ul{display:block; padding-left:2em;}
    [data-item="group"]>ul>li{display:block; padding-top:0; padding-left:2em; margin-top:1em;}
    [data-item="group"]>ul>li::before{left:0; top:calc(50% + 1px); width:2em; height:1px; border-right:none; border-top:1px dashed #C4C4C4;}
    [data-item="group"]>ul>li::after{left:-1px; top:auto; bottom:50%; width:1px; height:calc(100% + 1em); border-top:none; border-right:1px dashed #C4C4C4;}
    [data-item="group"]>ul>li:last-child::after{display:block;}
    [data-item="group"]>ul>li>strong{height:auto;}
    [data-item="group"]>ul>li>strong>span{padding:1em 2em; text-align:left;}
    [data-item="group"]>ul>li>strong>span::before{left:-0.375em; top:calc(50% - 0.375em);}
}


/* 찾아오시는길 */
.root_daum_roughmap_landing{width: 100% !important;height: 361px !important;}

.map-text{padding:1.25em; color:#fff; background-color:#152d5d;}
.map-text::after{content:""; display:block; clear:both;}
.map-text>.head{float:left;}
.map-text>.head>strong{display:block; position:relative; padding-left:1.4em; font-weight:500; font-size:1.15em;}
.map-text>.head>strong::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:1.2em; height:1.2em; background-image:url(../../../images/site/kor/content/map_text_icon_1.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.map-text>.midd{float:right;}
.map-text>.midd>span{display:inline-block; position:relative; padding-left:1.4em; font-weight:500; font-size:1.25em;}
.map-text>.midd>span:nth-child(n+2){margin-left:1em;}
.map-text>.midd>span::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:1.2em; height:1.2em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.map-text>.midd>span.tel::before{background-image:url(../../../images/site/kor/content/map_text_icon_2.svg);}
.map-text>.midd>span.fax::before{background-image:url(../../../images/site/kor/content/map_text_icon_3.svg);}

.map-list{ margin: 40px 0 0 0;}
.map-list ul li{ margin: 20px 0; background-color: #f8f8f8; border-radius: 8px; padding: 40px 30px 40px 150px; background-repeat: no-repeat;  background-position: 30px center;}
.map-list ul li:first-child{ background-image:url(../../../images/site/kor/content/map-ico-car.png) ;}
.map-list ul li:last-child{ background-image:url(../../../images/site/kor/content/map-ico-train.png) ;}
.map-list ul li strong{ display: block; margin: 0 0 10px 0; font-size: 19px;}
.map-list ul li i{ display: inline-block;background-image:url(../../../images/site/kor/content/map-next-ico.svg); width: 24px; height: 18px; position: relative; top: 5px;
     background-repeat: no-repeat; text-indent: -99999px; background-position: center center;}
@media screen and (max-width: 800px) {
    .map-text>.head,
    .map-text>.midd{float:none;}
    .map-text>.midd>span{display:block; margin-left:0 !important;}
}
@media screen and (max-width: 600px) {
    .map-text{font-size:0.8em;}
    .map-list ul li{ background-size: 50px auto; padding: 25px 25px 25px 85px;background-position: 20px 20px;}
}
@media screen and (max-width: 400px) {
    .map-text{font-size:0.7em;}
}




/* 사이트맵 */
#sitemap_content{font-size:0.5882352em;}
#sitemap_content>ul::after{content:""; display:block; clear:both;}
#sitemap_content>ul>li{width:100%;}
#sitemap_content>ul>li:nth-child(n+2){padding-top:5em; margin-top:5em; border-top:1px solid #E5E5E5;}
#sitemap_content>ul>li::after{content:""; display:block; clear:both;}
#sitemap_content>ul>li a{display:block; position:relative;}
#sitemap_content>ul>li>a,
#sitemap_content>ul>li>div{float:left;}
#sitemap_content>ul>li>a{width:20em;}
#sitemap_content>ul>li>a>span{font-weight:500; font-size:2.4em; color:#1768C7;}
#sitemap_content>ul>li>div{width:calc(100% - 20em - 1px);}
#sitemap_content>ul>li>div>ul::after{content:""; display:block; clear:both;}
#sitemap_content>ul>li>div>ul>li{float:left; width:calc(100% / 4); padding:0 1em;}
#sitemap_content>ul>li>div>ul>li:nth-child(4n+1){clear:both;}
#sitemap_content>ul>li>div>ul>li:nth-child(n+5){margin-top:4em;}
#sitemap_content>ul>li>div>ul>li>a{font-weight:500; font-size:1.8em; color:#333;}
#sitemap_content>ul>li>div>ul>li>a::before{
    content:""; display:block; position:absolute; left:-0.8em; top:0.7em; width:5px; height:5px; background-color:#777;
    border-radius:50%; border-radius:50%;
}
#sitemap_content>ul>li>div>ul>li a[target="_blank"]:after{content:"";display:inline-block;width:2.4em;height:2.4em;margin-left: 0em;vertical-align:top;font-size:1rem;background-image:url(../../../images/site/kor/layout/layout.svg);background-repeat:no-repeat;background-position:0 -43.2em;background-size:100em auto;position: relative;top: 3px;}
#sitemap_content>ul>li>div>ul>li>div>ul{padding:1.5em 0 0 1em;}
#sitemap_content>ul>li>div>ul>li>div>ul>li:nth-child(n+2){margin-top:0.5em;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>a{font-weight:500; font-size:1.6em; color:#555;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>a::before{content:"-"; display:block; position:absolute; left:-0.6em; top:0;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div{display:none;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div{margin:0.5em 3em 1em 0; background-color:#efefef;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div>ul{padding:1em 1.5em 1em 2.5em;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div>ul>li:nth-child(n+2){margin-top:0.3em;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div>ul>li>a{font-size:1.4em; color:#555;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div>ul>li>a::before{
    content:""; display:block; position:absolute; left:-0.6em; top:0.7em; width:3px; height:3px; background-color:#555;
    border-radius:50%; border-radius:50%;
}

#sitemap_content>ul>li>div>ul>li:hover>a,
#sitemap_content>ul>li>div>ul>li>a:hover{text-decoration:none; color:#1768C7;}
#sitemap_content>ul>li>div>ul>li>div>ul>li:hover>a,
#sitemap_content>ul>li>div>ul>li>div>ul>li>a:hover{text-decoration:underline; font-weight:500;}
#sitemap_content>ul>li>div>ul>li>div>ul>li>div>ul>li>a:hover{text-decoration:underline; color:#000;}
@media screen and (max-width: 900px) {
    #sitemap_content>ul>li>div>ul>li{width:calc((100% - 1px) / 3);}
    #sitemap_content>ul>li>div>ul>li:nth-child(4n+1){clear:none;}
    #sitemap_content>ul>li>div>ul>li:nth-child(3n+1){clear:both;}
    #sitemap_content>ul>li>div>ul>li:nth-child(n+4){margin-top:4em;}
}
@media screen and (max-width: 760px) {
    #sitemap_content>ul>li>div>ul>li{width:calc((100% - 1px) / 2);}
    #sitemap_content>ul>li>div>ul>li:nth-child(3n+1){clear:none;}
    #sitemap_content>ul>li>div>ul>li:nth-child(2n+1){clear:both;}
    #sitemap_content>ul>li>div>ul>li:nth-child(n+3){margin-top:4em;}
}
@media screen and (max-width: 600px) {
    #sitemap_content>ul>li:nth-child(n+2){padding-top:3em; margin-top:3em;}
    #sitemap_content>ul>li>a,
    #sitemap_content>ul>li>div{float:none; width:100%;}
    #sitemap_content>ul>li>div{margin-top:2em;}
}
@media screen and (max-width: 400px) {
    #sitemap_content{font-size:0.5em;}
}



/*인증서등록절차*/
.cer-registration-procedures{ margin: 0 -8px;}
.cer-registration-procedures.d-flex{ flex-wrap: wrap;}
.cer-registration-procedures>li{width: calc((100%/5) - 16px); margin: 0 8px 16px;}
.cer-registration-procedures .photo{overflow:hidden;position:relative;display:block;width:100%;height:0;padding-top:60.3%;z-index: 0;transition: all ease-in 0.3s; border-radius: 8px;
    border: 1px solid #e3e2e2;}
.cer-registration-procedures .photo>span{display:block; position:absolute; left:50%; top:0; width:100%; height:100%; text-align:center;transform: 
    translateX(-50%); }
.cer-registration-procedures .photo>span>img{height:100%; transform:scale(1); transform:scale(1);  width: 100%;}
.cer-registration-procedures .title{ margin: 12px 0 0 0; position: relative; padding: 0 0 0 26px;}
.cer-registration-procedures .title span{ display: inline-block; position: absolute; left: 0; top: 0; line-height: 22px; width: 22px; text-align: center; font-size: 14px;
    border-radius: 50%; background-color: #0082cc; color: #fff; }

@media screen and (max-width: 840px) {
    .cer-registration-procedures>li{width: calc((100%/3) - 16px); }
}
@media screen and (max-width: 640px) {
    .cer-registration-procedures>li{width: calc((100%/2) - 16px); }
}