@charset "UTF-8";

/* SUB PAGE // wrtanc common */
	.wrtancInfo .titArea{height: 81px; background: url(../../static/image/common/iconSpr.png) no-repeat 35px -1182px; line-height: 78px; border: 2px solid #1C75C7; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left: 82px;}
	.wrtancInfo .titArea .tit{font-family: "NanumSquare", sans-serif; color: #1C75C7; font-size: 22px; font-weight: 700;}
	.wrtancInfo .procedure{background: #F5F8FA; border: 1px solid #D6DEE8; border-top-width: 0; position: relative;}
	.wrtancInfo .procedure .stepGrp{height: 100%;}
	.wrtancInfo .procedure .stepGrp>.col-auto{padding-left: 0; padding-right: 0;}
	.wrtancInfo .procedure .circle{width: 131px; height: 131px; background: url("../../static/image/sub/circleGra.png") repeat-x center 0; color: #24538C; font-size: 18px; text-align: center; line-height: 120px; border: 5px solid #3F77BC; border-radius: 100%;}
	.wrtancInfo .procedure .arr{width: 6vw; max-width: 105px; height: 45px; background: url("../../static/image/common/iconSpr.png") no-repeat center -128px;}
	.wrtancInfo .procedure .download{height: 27px; background: #FFF url("../../static/image/common/iconSpr.png") no-repeat 0 -1268px; color: #000; font-size: 13px; border: 1px solid #C0C9CB; border-radius: 5px; padding-left: 30px; padding-right: 10px;}
	.wrtancInfo .procedure :nth-of-type(5) .circle{line-height: normal; padding-top: 40px;}
	.wrtancInfo .procedure :nth-of-type(5) .circle a{line-height: 25px;}
	.wrtancInfo .tooltipBox{width: 131px; height: 124px; background: #FFF; color: #000; line-height: 20px; border: 1px solid #B6BFCB; border-radius: 5px; position: absolute; bottom: -135px; padding: 12px;}
	.wrtancInfo .tooltipBox:before{content: ""; width: 13px; height: 9px; background: url("../../static/image/sub/edge.png"); position: absolute;}
	.wrtancInfo .tooltipBox .pointTit{height: 29px; background: #1C75C7; color: #FFF; font-size: 16px; text-align: center; line-height: 26px; border-radius: 15px; margin-bottom: 10px;}
	.wrtancInfo .tooltipBox dl{font-size: 14px; padding: 0 7px;}
	.wrtancInfo .tooltipBox dt{clear: left;}
	.wrtancInfo .tooltipBox .axi-ion-android-checkmark:before{color: #3D66C1; font-size: 11px;}
	
	.wrtancInfo .tooltipBox.submitWrtanc{height: 154px; bottom: -165px;}
	.wrtancInfo .tooltipBox .seoulLink{width: 100%;height: 52px;border: solid 1px;border-radius: 5px;background-color: #1C75C7;color: #fff;font-size: 13px;margin-top: 5px;padding: 5px 0;}

@media screen and (min-width: 992px){
	.wrtancInfo{padding: 40px 15px 85px;}
	.wrtancInfo .procedure{height: 226px;}
	.wrtancInfo .procedure .col-auto:first-child .tooltipBox{font-size: 16px; padding-top: 14px;}
	.wrtancInfo .procedure .col-auto:last-child .tooltipBox{padding-top: 30px;}
	.wrtancInfo .tooltipBox:before{top: -8px; left: 50%; transform: translateX(-50%);}
	.wrtancInfo .contArea .tooltipBox:nth-of-type(2){height: 120px; font-size: 16px; left: 50px;}
}
@media screen and (max-width: 991px){
	.wrtancInfo{padding: 40px 15px 45px;}
	.wrtancInfo .procedure .stepGrp{padding-top: 80px; padding-bottom: 80px;}
	.wrtancInfo .procedure .col-12{position: relative;}
	.wrtancInfo .procedure .col-12:not(.arr){min-height: 131px;}
	.wrtancInfo .procedure .col-12:first-child .tooltipBox{font-size: 16px; padding-top: 14px;}
	.wrtancInfo .procedure .col-12:last-child .tooltipBox{padding-top: 30px;}
	.wrtancInfo .procedure .tooltipBox+.circle{position: absolute; left: calc(50% - 145px);}
	.wrtancInfo .procedure .circle{margin: 0 auto;}
	.wrtancInfo .procedure .arr{transform: rotate(90deg);}
	.wrtancInfo .tooltipBox{top: 0; left: calc(50% + 15px);}
	.wrtancInfo .tooltipBox:before{top: calc(50% - 6px); left: -3px; transform: translateX(-50%) rotate(-90deg);}
}
@media screen and (max-width: 991px) and (min-width: 576px){
}