@charset "utf-8";

/*템플릿 제작 210222 s*/
.pagecommon{padding:0 50px;font-size:15px;color:#777;text-align:center;letter-spacing:-.3px;line-height:1.7;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br{white-space:pre-line}
.pagecommon .tit_area > span{display:block;margin-bottom:8px;text-transform:uppercase;font-size:14px;font-weight:700;color:#4cbbb0;font-family:'Poppins',sans-serif}
.pagecommon .tit_area .tit{position:relative;padding-top:42px;margin-bottom:20px;font-size:33px;line-height:36px;color:#222;font-family:'notokr-thin'}
.pagecommon .tit_area .tit:before{position:absolute;left:50%;top:0;height:30px;width:1px;content:'';background-color:#ddd}
.page .tit_area .txt{line-height:26px;margin-bottom:40px}
.page .tit_area .txt span{color:#222}
.page .txt_area_bg{padding:240px 60px 0}
.page .txt_area_bg .txt_area{padding:50px 55px;background-color:#fff}
.page .txt_area_bg .txt_area .tit{display:inline-block;position:relative;margin-bottom:39px;line-height:22px;font-size:22px;color:#222;z-index:1;font-family:'notokr-bold'}
.page .txt_area_bg .txt_area .tit:before{position:absolute;bottom:-5px;left:-10%;width:120%;height:10px;background-color:rgba(76,187,176,.2);content:'';z-index:-1}
.page .txt_area_bg .txt_area .box_all{overflow:hidden}
.page .txt_area_bg .txt_area .box_all dl{float:left;width:50%;height:220px;padding:76px 0 0 47px;text-align:left}
.page dl:nth-child(2),.page dl:nth-child(3),.page dl:nth-child(6),.page dl:nth-child(7){background-color:rgba(76,187,176,.05)}
.page .txt_area_bg .txt_area .box_all dl dt{position:relative;margin-bottom:17px;font-size:18px;line-height:18px;color:#222;font-family:'notokr-bold'}
.page .txt_area_bg .txt_area .box_all dl dt span{position:absolute;left:-15px;top:-11px;color:rgba(76,187,176,.2);font-weight:700;font-size:35px;font-family:'Poppins',sans-serif}
.page .txt_area_bg .txt_area .box_all dl dd{line-height:25px}
.page .txt_area_bg .txt_area .box_all .img{padding:0}
.page .txt_area_bg .txt_area .box_all .img dt{margin:0}

/* 인사말 */
#p33{padding:0}
#p33 .tit_area .txt{margin-bottom:45px}
#p33 .txt_area{position:relative;padding:278px 0 0 150px}
#p33 .txt_area:before{position:absolute;left:0;top:0;width:1108px;height:430px;background:url("../sh_page/img/p33_bg.jpg") no-repeat center top;content:'';z-index:-1}
#p33 .txt_area .box_area{padding:70px 158px 0 70px;background-color:#fff;border-radius:70px 0 0 0}
#p33 .txt_area .box_area .box{overflow:hidden;padding-bottom:60px;margin-bottom:60px;border-bottom:1px dashed #ddd}
#p33 .txt_area .box_area .box:last-child{border-bottom:0}
#p33 .txt_area .box_area .box .img{float:left;margin-right:44px}
#p33 .txt_area .box_area .box dl{float:left;text-align:left}
#p33 .txt_area .box_area .box dl dt{margin-bottom:15px;font-size:18px;line-height:18px;color:#222;font-family:'notokr-medium'}
#p33 .txt_area .box_area .box dl dt span{display:block;margin-bottom:8px;color:#4cbbb0;line-height:20px;font-size:14px;font-weight:700;font-family:'Poppins',sans-serif}
#p33 .txt_area .box_area .box dl dd{line-height:26px}

/* 국제결혼 */
#p37 .txt_area_bg{background:url("../sh_page/img/p37_bg.jpg") no-repeat center top}
#p37 .txt_area .step_box{margin-bottom:60px;padding:22px 0;border-radius:20px;border:1px solid #e1e1e1}
#p37 .txt_area .step_box ul{display:grid;grid-template-columns:repeat(5,1fr)}
#p37 .txt_area .step_box ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:relative}
#p37 .txt_area .step_box ul li:after{display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);content:"\f105";font-size:20px;color:#222;font-family:'fontawesome'}
#p37 .txt_area .step_box ul li:last-child:after{display:none}
#p37 .txt_area .step_box ul li > div{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:100%;background:#f7f7f7;}
#p37 .txt_area .step_box ul li img{width:33px;}
#p37 .txt_area .step_box ul li b{display:inline-block;padding:0 14px;height:25px;line-height:25px;border-radius:20px;color:#fff;font-size:13px;font-weight:600;background:#73d2de;font-family:'poppins'}
#p37 .txt_area .step_box ul li p{color:#222;font-family:'notokr-bold'}
#p37 .txt_area_bg .txt_area .box_all dl{height:260px;padding:50px 0 0 40px}
#p37 .txt_area_bg .txt_area .box_all dl ul li:before{content:'';display:inline-block;width:3px;height:3px;margin:-1px 10px 0 -10px;vertical-align:middle;background:var(--primary);border-radius:100%;}

/* 진행절차 */
#p38 .txt_area_bg{background:url("../sh_page/img/p38_bg.jpg") no-repeat center top}
#p38 .txt_area_bg .txt_area .box_all dl{height:243px}
#p38 .txt_area_02 .tit_area .tit{margin-bottom:30px}
#p38 .txt_area_02 .txt_bg{background-color:rgba(76,187,176,.05);padding:50px 95px}
#p38 .txt_area_02 .txt_bg .txt{padding:50px;background-color:#fff;border-radius:10px;text-align:left}
#p38 .txt_area_02 .txt_bg .txt li{position:relative;line-height:25px;padding-left:15px;margin-bottom:10px}
#p38 .txt_area_02 .txt_bg .txt li:last-child{margin-bottom:0}
#p38 .txt_area_02 .txt_bg .txt li:before{position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#4cbbb0;content:''}

#p38 .txt_area_bg .txt_area{padding:50px 30px}
#p38 .txt_area_bg .txt_area .box_all{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#p38 .txt_area_bg .txt_area .box_all dl{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:250px;padding:30px 20px;border:1px solid #e1e1e1;border-radius:20px;text-align:center;word-break:keep-all}
#p38 .txt_area_bg .txt_area .box_all dl dt p{line-height:1.4;word-break:keep-all}
#p38 .txt_area_bg .txt_area .box_all dl dt b{position:relative;display:block;margin:5px 0;font-size:14px;font-weight:400;color:#4cbbb0}
#p38 .txt_area_bg .txt_area .box_all dl dt span{position:initial;display:inline-block;width: 30px;height:30px;line-height:30px;margin:0 auto 16px;border-radius:100%;text-align:center;font-size:13px;font-weight:500;color:#fff;background-color: rgba(76, 187, 176, 1);font-family:'poppins'}
#p38 .txt_area_bg .txt_area .box_all .point{padding-top:26px;border:none}
#p38 .txt_area_bg .txt_area .box_all .point dt span{margin:0 auto 7px}
#p38 .txt_area_bg .txt_area .box_all .point{background-color:rgba(76, 187, 176, .2)}
#p38 .txt_area_bg .txt_area .box_all .last{color:#4cbbb0;font-size:18px;line-height:1.4}
#p38 .txt_area_bg .txt_area .box_all .last p{margin-top:10px}
#p38 dl:nth-child(3), #p38 dl:nth-child(6), #p38 dl:nth-child(7){background-color:#fff}

/* 비용안내 */
#p39 .txt_area_bg .txt_area{padding:50px 20px}
#p39 .txt_area_bg{background:url("../sh_page/img/p39_bg.jpg") no-repeat center top}
#p39 table{border-collapse:collapse}
#p39 table tr th{padding:18px;border:1px solid #e1e1e1;font-size:16px;color:#222;font-weight:700;background:#f7f7f7}
#p39 table tr td{padding:18px;text-align:left;border:1px solid #e1e1e1}
#p39 table tr b{display:block;color:#222;}
#p39 table tr span{display:block;margin-bottom:10px;font-size:15px;color:#888}
#p39 table tr span:last-child{margin-bottom:0}
#p39 table tr .cost span{margin-bottom:0}
#p39 table tr .cost{text-align:center;font-size:22px}
#p39 table .total{border-top:2px solid #222}
#p39 .info{margin-top:20px;text-align:left}