@charset "utf-8";
@import url(/pcms/common/font/font_notosanskr.css);

/* 획득허가 안내 sub010101 */
.permission sup{color: #cd4454;}
.permission .prc.type5 > li{min-height: 140px;}

@media (max-width: 908px){
    .permission .prc.type5 > li{min-height: 190px;}
}

@media (max-width: 550px){
    .permission .prc.type5 > li{min-height: 140px;}
    .permission .prc.type5.step2 > li, .prc.type5.step3 > li, .prc.type5.step4 > li, .prc.type5.step5 > li, .prc.type5.step6 > li{width: calc(100% - 48px);}
    .permission .prc.type5.step3 > li:nth-child(1):before, .permission .prc.type5.step3 > li:nth-child(3):before{display: block; top: auto; bottom: -40px; right: 0; left: 50%; margin: 0 0 0 -7.5px; transform: rotate(90deg);}
}
/* 획득허가 안내 sub010101 End*/

/* 국외반출 승인 안내 sub010201 */
.Taking_out sup{color: #cd4454;}
/* 국외반출 승인 안내 sub010201 End*/

/* 이행절차 sub030104 */
.procedure .imgbox{text-align: center; border: 1px solid #dddddd;}
.procedure .prc.type5 > li{min-height: 220px;}
/* 이행절차 sub030104 End*/

/* 나고야의정서 개요 sub030101 */
.mabik_infobox{text-align:center;margin-top:70px;}
.mabik_infobox .title .top{position:relative;margin:0 auto;padding:0 20px;max-width:0;height:70px;border:7px solid #153769;animation:text_border 1s ease-in both;}
.mabik_infobox .title .top::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.mabik_infobox .title .top::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.mabik_infobox .title .top em{opacity:0;display:block;margin-bottom:10px;color:#406f75;font-size:15px;line-height:1;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.mabik_infobox .title .top strong{opacity:0;display:block;color:#222;font-size:26px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.mabik_infobox .title .bottom p{margin-top:15px;color:#222;font-size:16px;line-height:1.2;letter-spacing:-0.045em;}
.mabik_infobox .conbox{display:inline-block;margin-top:30px;margin-left:20px;text-align:center;}
.mabik_infobox .conbox .item{float:left;width:calc(50% + 20px);margin-left:-20px;}
.mabik_infobox .conbox .item .inner{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding:10px;width:290px;height:290px;border-radius:100%;}
.mabik_infobox .conbox .item .inner .icon{display:inline-block;margin:0 auto 25px;width:45px;height:45px;background:url(/images/kor/sub03/mabik_infobox_ir.png) no-repeat;}
.mabik_infobox .conbox .item .inner .icon.icon01{background-position:0 0;}
.mabik_infobox .conbox .item .inner .icon.icon02{background-position:-45px 0;}
.mabik_infobox .conbox .item .inner .icon.icon03{background-position:-90px 0;}
.mabik_infobox .conbox .item .inner .icon.icon04{background-position:-135px 0;}
.mabik_infobox .conbox .item .inner .icon.icon05{background-position:-180px 0;}
.mabik_infobox .conbox .item .inner .icon.icon06{background-position:-225px 0;}
.mabik_infobox .conbox .item .inner strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mabik_infobox .conbox .item.bg01 .inner{background:rgba(43,140,129,0.1);}
.mabik_infobox .conbox .item.bg01 .inner::before{content:"";position:absolute;left:-18px;bottom:-128px;transform:rotate(300deg);width:228px;height:230px;background:url(/images/kor/sub03/mabik_specimen_bg.png) no-repeat;background-size:cover;}
.mabik_infobox .conbox .item.bg01 .inner strong{color:#406f75;}
.mabik_infobox .conbox .item.bg02 .inner{background:rgba(84,138,224,0.1);}
.mabik_infobox .conbox .item.bg02 .inner strong{color:#2453ab;}

@keyframes text_border{
    100%{max-width:367px;}
}
@keyframes text_box{
    100%{opacity:1;}
}

@media(max-width:640px){
    .mabik_infobox .title .top{height:auto;}
    .mabik_infobox .title .top em{font-size:13px;}
    .mabik_infobox .title .top strong{font-size:21px;}
    .mabik_infobox .conbox{margin-left:0;}
    .mabik_infobox .conbox .item{float:none;width:100%;margin-left:0;}
    .mabik_infobox .conbox .item+.item{margin-top:-40px;}
}
@media(max-width:450px){
    .mabik_infobox .conbox .item .inner{width: 280px;height:280px;}
}
/* 나고야의정서 개요 sub030101 End */

/* 센터소개 sub0501 */
.abs_intro{margin-bottom:130px;}
.abs_intro .titlebox{display:flex;justify-content:center;margin-bottom:55px;padding:52.71px 25px;background:url(/images/abs/sub05/abs_intro_titleboxbg.png) center no-repeat;background-size:cover;text-align:center;}
.abs_intro .titlebox .inner{}
.abs_intro .titlebox .inner strong{display:block;margin-bottom:5px;color:#406f75;font-size:28px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .titlebox .inner p{margin:0;color:#222;font-size:16px;letter-spacing:-0.025em;}

.abs_intro .intro_section{margin:0 auto;max-width:615px;}
.abs_intro .section01 .purpose{}
.abs_intro .section01 .purpose .inner{position: relative;margin:0 auto;padding:5px 30px;border: 6px solid #153769;text-align:center;}
.abs_intro .section01 .purpose .inner::before{content: "";position: absolute;left: 50%;top: -6px;transform: translateX(-50%);width: calc(100% - 13px);height:6px;background: #fff;}
.abs_intro .section01 .purpose .inner::after{content: "";position: absolute;left: 50%;bottom: -6px;transform: translateX(-50%);width: calc(100% - 13px);height:6px;background: #fff;}
.abs_intro .section01 .purpose .inner em{display:block;margin-bottom:10px;color:#406f75;font-size:17px;line-height:1;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section01 .purpose .inner strong{display:block;color:#222;font-size:18px;line-height: 1.4;letter-spacing: -0.025em;}
.abs_intro .section01 .infodesk{position: relative;margin:75px auto 0;width: 281px;height: 281px;}
.abs_intro .section01 .infodesk::before{content: "";position: absolute;left:50%;top:-66px;transform: translateX(-50%);width: 160px;height: 82px;background: url(/images/abs/sub05/intro_section01_arrow.png) no-repeat;}
.abs_intro .section01 .infodesk .title{position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;width: 281px;height: 281px;border-radius: 100%;background: #fff;border: 1px solid #7593cb;}
.abs_intro .section01 .infodesk .title .inner{position: relative;z-index:1;display: flex;align-items: center;justify-content: center;width:227px;height: 227px;background: #eef3fa;border-radius: 100%;text-align: center;}
.abs_intro .section01 .infodesk .title .inner::before{content: "";position: absolute;left:50%;top:50%;z-index:-1;transform: translate(-50%,-50%);width: 174px;height: 174px;background: url(/images/abs/sub05/intro_section01_bg.png) no-repeat;animation: infodeskbg 30s infinite linear;}
.abs_intro .section01 .infodesk .title .inner strong{display: block;color:#2850a0;font-size:28px;line-height:1.21;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section01 .infodesk .info{}
.abs_intro .section01 .infodesk .info ul{}
.abs_intro .section01 .infodesk .info ul li{position: absolute;top:calc(50% + 35px);transform: translateY(-50%);text-align:center;}
.abs_intro .section01 .infodesk .info ul li::before{content: "";position: absolute;top:40px;z-index:-1;width:60px;height: 1px;background: #ddd;}
.abs_intro .section01 .infodesk .info ul li .icon{display:inline-block;margin:0 auto 10px;width: 80px;height:80px;border-radius: 100%;background: #3c67b7 url(/images/abs/sub05/intro_section01_ir.png) no-repeat;}
.abs_intro .section01 .infodesk .info ul li .icon.icon01{background-position:0 0;}
.abs_intro .section01 .infodesk .info ul li .icon.icon02{background-position:-80px 0;}
.abs_intro .section01 .infodesk .info ul li .context{}
.abs_intro .section01 .infodesk .info ul li .context strong{display: block;margin-bottom:5px;color:#222;font-size:17px;line-height: 1.3;letter-spacing: -0.025em;font-weight:bold;}
.abs_intro .section01 .infodesk .info ul li .context p{margin:0;color:#444;font-size:16px;line-height: 1.25;letter-spacing: -0.025em;}
.abs_intro .section01 .infodesk .info ul li:nth-child(1){left:-154px;animation: infodesk_info_l 1.2s cubic-bezier(.56, .59, .20, .95);}
.abs_intro .section01 .infodesk .info ul li:nth-child(1)::before{right:-20px;}
.abs_intro .section01 .infodesk .info ul li:nth-child(2){right:-154px;animation: infodesk_info_r 1.2s cubic-bezier(.56, .59, .20, .95);}
.abs_intro .section01 .infodesk .info ul li:nth-child(2)::before{left:-20px;}

.abs_intro .section02{margin-top:50px;}
.abs_intro .section02 .title{margin-bottom:10px;text-align: center;}
.abs_intro .section02 .title strong{position: relative;display:inline-block;color:#153769;font-size:28px;line-height:1.2;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section02 .title strong::before{content: "";position: absolute;left:-30px;top:calc(50% - 3px);transform: translateY(-50%);width:7px;height:7px;border-radius:100%;background: #153769;}
.abs_intro .section02 .title strong::after{content: "";position: absolute;right:-30px;top:calc(50% - 3px);transform: translateY(-50%);width:7px;height:7px;border-radius:100%;background: #153769;}
.abs_intro .section02 .abs_work{}
.abs_intro .section02 .abs_work .item{}
.abs_intro .section02 .abs_work .item+.item{margin-top:12px;}
.abs_intro .section02 .abs_work .item .work_title{padding:16px 32px;border-radius: 10px;}
.abs_intro .section02 .abs_work .item .work_title .inner{position: relative;padding-left:35px;color:#fff;font-size:17px;line-height: 1.4;letter-spacing: -0.02em;}
.abs_intro .section02 .abs_work .item .work_title .inner em{position: absolute;left:0;top:50%;transform: translateY(-50%);color:rgba(255,255,255,0.2);font-size:38px;line-height:1;font-weight:bold;font-family: 'Noto Sans KR';}
.abs_intro .section02 .abs_work .item .work_list{margin:8px 0 30px;padding:7.5px 70px;border: 1px solid #daebea;border-radius: 10px;background: #fff;}
.abs_intro .section02 .abs_work .item.bg01 .work_title{background: #449a97;}
.abs_intro .section02 .abs_work .item.bg02 .work_title{background: #3c67b7;}
.abs_intro .section02 .abs_work .item.bg03 .work_title{background: #0091c8;}

@keyframes infodeskbg {
    from {transform:translate(-50%,-50%) rotate(0deg);}
    to{transform:translate(-50%,-50%) rotate(359deg);}
}
@keyframes infodesk_info_l {
    0%{left:0;opacity:0;}
    100%{left:-154px;opacity:1;}
}
@keyframes infodesk_info_r {
    0%{right:0;opacity:0;}
    100%{right:-154px;opacity:1;}
}

@media(max-width:640px){
    .abs_intro .section01 .infodesk .title::before{content: "";position: absolute;left:50%;bottom:-30px;transform: translateX(calc(-50% + 0.5px));width:1px;height:30px;background: #ddd;}
    .abs_intro .section01 .infodesk{width: 100%;height: 100%;}
    .abs_intro .section01 .infodesk .title{margin:0 auto;}
    .abs_intro .section01 .infodesk .info{margin-top:30px;}
    .abs_intro .section01 .infodesk .info ul{overflow: hidden;position: relative;margin-left:-5%;padding-top:30px;}
    .abs_intro .section01 .infodesk .info ul::before{content: "";position: absolute;left:27.6%;top:0;width:50.23%;height: 1px;background: #ddd;}
    .abs_intro .section01 .infodesk .info ul li{position: relative;top:auto;float:left;margin-left:5%;padding: 10px;width:calc(50% - 5%);transform: none;border: 1px solid #ddd;border-radius: 5px;background: #fff;}
    .abs_intro .section01 .infodesk .info ul li::before{left:50% !important;top:-30px;transform: translateX(calc(-50% + 0.5px));width:1px;height:100%;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(1){left:auto;animation: none;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(1)::before{right:auto;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(2){right:auto;animation: none;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(2)::before{left:auto;}

    .abs_intro .section02 .abs_work .item .work_list{padding:7.5px 25px;}
}
@media(max-width:440px){
    .abs_intro .section01 .infodesk .info ul{margin-left:0;padding-top:0;}
    .abs_intro .section01 .infodesk .info ul::before{display: none;}
    .abs_intro .section01 .infodesk .info ul li{float:none;margin-left:0;width:100%;}
    .abs_intro .section01 .infodesk .info ul li+li{margin-top:20px;}
}
/* 센터소개 sub0501 End */