@import '/css/common/basic.css';

/* 공통 */
/* .ir-icon__md {background:url(/pcms/common/images/ir/ir-icon__md.png)no-repeat;} */
#link_box {display:inline-block;}

/* 박스스타일 01 */
.ui-topbox.type1.po .inner:before {content:""; position: absolute; left:-7px; top:-7px; width:40px; height:41px; background:url(/pcms/dist/img/b01/link_box_point.jpg)no-repeat;}
.ui-topbox.type1.po .inner:after {display:none;}
.ui-topbox.type1.po .inner {padding:47px 48px 37px 43px; border:7px solid #e5e5e5; border-radius: 5px; background:#fff;}
.ui-topbox.type1.po .inner .h-box {font-size:20px; color:#2c2c2c;}
.ui-topbox.type1.po .inner .border {margin: 24px 0 18px 0;  border-top: 1px dashed #7f7f7f;}
.ui-topbox.type1.po .txt-tip {padding-left:25px;}
.ui-topbox.type1.po .txt-tip:before {width:18px; background-position: -0px -147px;}
.ui-topbox.type1.po .inner p {color: #5b5e66;}

/* 박스스타일 02 */
.txt-box1 {padding:19px 30px; border-radius: 5px;}

/* 박스스타일 03 */
.txt-box2 {border-radius: 5px; border:0;}
.txt-box2 strong {font-size:16px;}
.txt-box2 .txt-fouse {margin-top:0;}
.txt-box2 .txt-fouse:before {width:18px; background-position: -144px -341px;} 

/* 내용별 구성요소 01 */
.ui-list__bodo.type1 .obj .item .inner .circle {border-radius:5px; background:#edf2f7;}
.ui-list__bodo.type1 .obj .item .inner .h-box {font-size:18px;} 

/* 내용별 구성요소 02,03 공통 */
.ui-list__column .inner {border-radius:5px;}

/* 내용별 구성요소 02 */
.ui-list__column .inner .circle {background:#edf2f7;} 

/* 내용별 구성요소 03 */
.ui-list__column.type03 {border-radius:5px;}
@media (max-width: 1279px){
    .ui-list__column.type03.col4 .inner:nth-child(3):after {display: none;}
}
@media (max-width: 767px){
    .ui-list__column.type03.col4 .inner:after {display: none;}
}

/* 내용별 구성요소 04 */
.ui-list__column.type04 .inner .item .ir-icon {position: absolute; width:51px; height:48px; right:35px; top:50%; transform: translateY(-50%); background:url(/pcms/dist/img/p01/p01_list_type04_ir.png);}
.ui-list__column.type04 .inner .item .ir-icon.icon1 {background-position: 0 0;}
@media (max-width: 767px){
    .ui-list__column.type04 .inner {float:none; width:100%; margin:5px 0;}
}

/* 다운로드박스 공통 */
.ui-banner__box .item {border-radius: 5px; border:1px solid #dadada;}
.ui-banner__box .item .down, .ui-banner__box .item .link {border:1px solid #c4cbd2;}

/* 아코디언 */
.ui-accordion--faq .accordion__item {border-radius: 5px; border:0;}
.ui-accordion--faq .accordion__header:after {display:none;}
.ui-accordion--faq .accordion__button {border:1px solid #dadada; border-radius: 5px;}
.ui-accordion--faq .accordion__body {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top: 0;border:1px solid #dadada;border-top:0;}
.ui-accordion--faq .accordion__button:hover,
.ui-accordion--faq .accordion__button:focus,
.ui-accordion--faq .accordion__button:active,
.ui-accordion--faq .accordion__button.ov {border:1px solid #27395f;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.ui-accordion--faq .accordion__button.ov:after{top:calc(50% - 8px);width: 15px;height: 16px;background: url(/pcms/dist/img/ir-bbs.png) -54px -340px;}


/* 절차도 01 */
.ui-process.type2>li {margin-bottom: 53px;}
.ui-process.type2>li .inner {min-height:150px; padding:0 0 20px;} 
.ui-process.type2>li:nth-child(1) .inner .icon_top_wrap {background:#afb8c0;}
.ui-process.type2>li:nth-child(2) .inner .icon_top_wrap {background:#91b0cc;}
.ui-process.type2>li:nth-child(3) .inner .icon_top_wrap {background:#71ade3;}
.ui-process.type2>li:nth-child(4) .inner .icon_top_wrap {background:#4399e2;}
.ui-process.type2>li:nth-child(5) .inner .icon_top_wrap {background:#3f67b0;}
.ui-process.type2>li:nth-child(6) .inner .icon_top_wrap {background:#3b548e;}
.ui-process.type2>li:nth-child(7) .inner .icon_top_wrap {background:#424a7d;}
.ui-process.type2>li:nth-child(8) .inner .icon_top_wrap {background:#45485d;}
.ui-process.type2>li:nth-child(9) .inner .icon_top_wrap {background:#afb8c0;}
.ui-process.type2>li:nth-child(10) .inner .icon_top_wrap {background:#91b0cc;}
.ui-process.type2>li:nth-child(11) .inner .icon_top_wrap {background:#71ade3;}
.ui-process.type2>li:nth-child(12) .inner .icon_top_wrap {background:#4399e2;}
.ui-process.type2>li:nth-child(13) .inner .icon_top_wrap {background:#3f67b0;}
.ui-process.type2>li:nth-child(14) .inner .icon_top_wrap {background:#3b548e;}
.ui-process.type2>li:nth-child(15) .inner .icon_top_wrap {background:#424a7d;}
.ui-process.type2>li:nth-child(16) .inner .icon_top_wrap {background:#45485d;}
.ui-process.type2>li:nth-child(17) .inner .icon_top_wrap {background:#afb8c0;}
.ui-process.type2>li:nth-child(18) .inner .icon_top_wrap {background:#91b0cc;}
.ui-process.type2>li:nth-child(19) .inner .icon_top_wrap {background:#71ade3;}
.ui-process.type2>li:nth-child(20) .inner .icon_top_wrap {background:#4399e2;}
.ui-process.type2>li .inner .icon_top_wrap {position: relative; display: block; width: 100%; height: 67px; margin:0 auto;}
.ui-process.type2>li .inner .ir-icon_process {left:50%; top:50%; transform: translate(-50%, -50%); width:55px; height:50px; background: url(/pcms/dist/img/p01/ir-process.png);}
.ui-process.type2>li .inner .ir-icon_process.icon1 {background-position: 0 0;}
.ui-process.type2>li .inner .ir-icon_process.icon2 {background-position: -55px 0;}
.ui-process.type2>li .inner .ir-icon_process.icon3 {background-position: -110px 0;}
.ui-process.type2>li .inner .ir-icon_process.icon4 {background-position: -165px 0;}
.ui-process.type2>li .inner .ir-icon_process.icon5 {background-position: -212px 0;}
.ui-process.type2>li .inner .ir-icon_process.icon6 {background-position: -275px 0;}
.ui-process.type2>li .inner .ir-icon_process.icon7 {background-position: -330px 0;}
.ui-process.type2>li .inner .ui-process__title {padding:10px 10px 0 10px;}
.ui-process.type2>li .inner .num {display:block; position: static; transform:none; padding-bottom:12px;}
@media (max-width: 767px){
    .ui-process.type2 > li, .ui-process.type2.step5 > li {margin-bottom:26px;}
}
    /* 절차도 02 */
.ui-process.type5>li {border-radius: 5px; border:1px solid #dadada;}
.ui-process.type5>li .inner .num {width:35px; height:35px; border-radius: 50%; background:#2853a8; font-weight: bold; line-height: 35px;} 
@media only screen and (max-width: 767px){
    .ui-process.type5 {padding:10px;}
    .ui-process.type5>li:before {top: auto; right: 50%; bottom: -23px; transform: rotate(90deg) translateY(-50%); margin-right: -16px; margin-top: 0;}
    .ui-process.type5.step4>li {float:none; width: 100%; min-height:auto; margin:20px auto 50px;} 
}

/* 링크페이지 정보박스 01 (단일) */
.infobox {padding: 40px 360px 40px 50px; border:7px solid #e5e5e5; border-radius: 5px;}
.infobox:before {content:""; position: absolute; left:-7px; top:-7px; width:40px; height:41px; background:url(/pcms/dist/img/b01/link_box_point.jpg)no-repeat;}
.infobox .inner .txtwrap {min-height:220px;}
.infobox .images-circle {top:40px;}
.infobox .images-circle:before,
.infobox:after {display:none;} 
.infobox .inner .txtwrap ul {margin:30px 0 20px;}
.infobox .inner .txtwrap ul li {padding-left:90px;margin-bottom:5px;line-height:1.6;}
.infobox .btn {margin:0;} 
.infobox .btn-lg {padding:12px 82px 12px 20px;}
@media only screen and (max-width: 1023px){
    .infobox {padding:40px;}
    .infobox .inner .txtwrap {min-height:auto;}
    .infobox .images-circle {position: static; display: inline-block;width: 100%; margin: 0 0 20px 0; text-align: center;}
    .infobox .inner .txtwrap ul li {padding-left:0;}
    .infobox .inner .txtwrap ul li span {position: relative; display:block; width:100%;}
    .infobox .inner .txtwrap .h-box {font-size:25px;}
}

/* 링크페이지 정보박스 01 (여러개) */
.infobox.type02 {border:1px solid #dadada; border-radius: 5px;}
.infobox.type02:before {display:none;}
.infobox.type02 p {margin:30px 0 20px;}
.infobox.type02 .images-circle {top:18px;}