@CHARSET "UTF-8";

/*숨김처리*/
.visually_hidden{position: absolute;overflow: hidden;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;border: 0;}

/* 접수안내 접수절차 */
.progress_w{position:relative;display:flex;flex-wrap:wrap;gap:35px;margin-top:50px;}
.progress_w > div{position:relative;width:31%;border:1px solid #d5d5d5;border-radius:20px;padding:100px 35px 35px;box-sizing:border-box;background:no-repeat left 35px top 45px;}
.progress_w > div:nth-child(n+4){margin-top:15px;}
.progress_w > div:before{position:absolute;content:'';right:-12px;top:50%;transform:translateY(-50%);width:12px;height:23px;background:url(/nanum/site/builder/dir/main/img/menu4846/progress_arr.png)no-repeat;}
.progress_w > div > a{display: block;min-width: 100%;font-size: 1.4rem;margin-top:15px;}
.progress_w > div .poa{position:absolute;top:-20px;left:35px;background:#fff;color:#000;border: 1px solid #bdbdbd;border-radius:50px;padding:8px 25px;}
.progress_w > div dl dt{font-size:1.8rem;margin-bottom:20px;}
.progress_w > div dl dd > ul > li{font-size:1.5rem;color:#555;}
.progress_w > div dl dd > p{text-align:center;padding:15px;margin-top:5px;background:#efefef;border-radius:10px;}

.progress_w > div.icon01{background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog01.gif);}
.progress_w > div.icon02{background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog02.gif);}
.progress_w > div.icon03{background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog03.gif);}
.progress_w > div.icon04{order:6;background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog04.gif);}
.progress_w > div.icon05{order:5;background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog05.gif);}
.progress_w > div.icon06{order:4;background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog06.gif);}
.progress_w > div.icon07{order:4;background-image:url(/nanum/site/builder/dir/main/img/menu4846/prog07.gif);}
.progress_w > div.icon03:before{top:auto;right:auto;bottom:-17px;left:50%;transform:translateX(-50%)rotate(90deg);}
.progress_w > div.icon04:before,
.progress_w > div.icon05:before{right:auto;left:-12px;transform:translateY(-50%)rotate(180deg);}
.progress_w > div.icon06:before,
.progress_w > div.icon07:before{display:none;}

/* 접수안내-시료보내실곳 */
.root_daum_roughmap .map_border,
.root_daum_roughmap .wrap_btn_zoom,
.root_daum_roughmap .wrap_controllers{display:none !important;}
.roughmap_maker_label .roughmap_lebel_text{font-size: 1.5rem !important;font-family: 'SUIT',sans-serif;padding:7px !important;}
.wrap_map{position:relative;}
.wrap_map .map{border: 1px solid #cbcbcb;box-sizing: border-box;}

.map_info{display:flex;border:1px solid #cbcbcb;border-top:0;padding:40px 0;box-sizing:border-box;background:url(/nanum/site/builder/dir/main/img/menu4848/map_bg.png)no-repeat right -40px bottom;}
.map_info dl{width:100%;padding:0 50px;box-sizing:border-box;}
.map_info dl dt{position:relative;display: inline-block;font-size:2rem;margin-bottom:20px;}
.map_info dl dt:before{display:none;position:absolute;content:'';width:100%;height:1px;bottom:0;background:#cbcbcb;}
.map_info dl dd p{display:flex;gap:10px;margin: 10px 0;}
.map_info dl dd p span{position:relative;padding-left:30px;font-weight:700;}
.map_info dl dd p span:before{position:absolute;content:'';left:0;top: 2px;width:20px;height:20px;background:#000;}
.map_info dl dd p span:after{position:absolute;content:'';top:6px;left:4px;width:12px;height:12px;}
.map_info dl dd p.add span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon01.png)no-repeat;}
.map_info dl dd p.call span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon02.png)no-repeat;}
.map_info dl dd p.fax span:after{background: url(/nanum/site/builder/dir/main/img/menu4848/map_icon03.png)no-repeat;}

/* 접수안내-입금안내 */
.pay_wrap{display:flex;padding-top: 50px;}
.pay_wrap .pay dl{position:relative;padding:35px 35px 35px 150px;background:#f4f6ef;}
.pay_wrap .pay dl:after{position:absolute;content:'';left:35px;top:-30px;width:95px;height:95px;background:#fff;border-radius:50%;box-shadow:0 0 20px #59801f42;}
.pay_wrap .pay dl:before{position:absolute;content:'';z-index:1;left: 65px;top: -1px;width:40px;height:40px;background: url(/nanum/site/builder/dir/main/img/menu4846/mo_ic01.png)no-repeat;}
.pay_wrap .pay dl dt{font-size:1.9rem;font-weight:700;margin-bottom:15px;}
.pay_wrap .pay dl dd{color:#555;}
.pay_wrap .pay dl dd p{line-height: 1.7;}
.pay_wrap .pay .btn_w{gap: 15px;padding:0 35px;box-sizing:border-box;margin-top: 25px;}

/* 공통박스 링크이동 */
.link_wrap{display:flex;gap:50px;}
.link_wrap .link_go_sub{position:relative;display:flex;flex-direction: column;width:50%;border-radius: 20px;overflow: hidden;/* background:#4594cf url(/nanum/site/builder/dir/main/img/menu4846/link_go_subbg.png)no-repeat right bottom; */background: #255a81 url(/nanum/site/builder/dir/main/img/menu4846/link_go_subbg.png)no-repeat right bottom;}
.link_wrap .link_go_sub .column{position:absolute;top:35px;right: 40px;writing-mode: vertical-rl;color:#fff;font-size:1.4rem;font-weight:600;letter-spacing: 2px;}
.link_wrap .link_go_sub .img_wrap{width:100%;height:220px;}
.link_wrap .link_go_sub .img_wrap img{width:100%;height:100%;}
.link_wrap .link_go_sub .text_cont{display: flex;flex-direction: column;justify-content: flex-end;gap:15px;padding: 40px; box-sizing: border-box;}
.link_wrap .link_go_sub .text_cont dt{font-weight:600;color:#fff;}
.link_wrap .link_go_sub .text_cont dt .btit{position:relative;font-size: 2.5rem;font-family: 'NanumSquareNeo-Variable';letter-spacing: 0;margin-bottom: 5px;}  
.link_wrap .link_go_sub .text_cont dt .stit{font-weight: 500;font-size:1.9rem;opacity: .8;}
.link_wrap .link_go_sub .text_cont dd p{color:#fff;}
.link_wrap .link_go_sub .text_cont .btn_w{padding:0;}
.link_wrap .link_go_sub .text_cont .btn_w .link_go_w{border-color:#fff;}
.link_wrap .link_go_sub .text_cont .btn_w .link_go_w:hover{box-shadow:0 15px 15px rgba(0,0,0,0.15);}


/********************태블릿********************/
@media all and (max-width:1300px){
	
.progress_w{gap:24px;}

}	
	
/********************태블릿********************/
@media all and (max-width:1024px){

/* 접수안내 접수절차 */
.progress_w{gap:0;justify-content: space-between;margin-top: 35px;}
.progress_w > div{padding: 80px 25px 25px;background: no-repeat left 25px top 35px;background-size: 40px;}
.progress_w > div:nth-child(n+4){margin-top:35px;}
.progress_w > div .poa{padding: 5px 20px;}
.progress_w > div dl dt{font-size:1.7rem;}

/* 접수안내-시료보내실곳 */
.map_wrap .root_daum_roughmap{width:100% !important;}

/* 접수안내-입금안내 */
.pay_wrap{flex-direction: column;gap: 55px;padding-top: 0;}
.pay_wrap .pay dl{padding: 25px 25px 25px 120px;}
.pay_wrap .pay dl:after{left: 25px;top: 50%; transform: translateY(-50%);width: 70px; height: 70px;}
.pay_wrap .pay dl:before{left: 44px;top: 50%; transform: translateY(-50%);}

/* 공통박스 링크이동 */
.link_wrap{flex-direction: column;gap: 20px;}
.link_wrap .link_go_sub{width:100%;background-size: 200px;}
.link_wrap .link_go_sub .img_wrap{height: auto;}
.link_wrap .link_go_sub .text_cont{flex-direction: column;gap:0;padding:40px 20px;}
.link_wrap .link_go_sub .text_cont dt{margin-bottom: 10px;}
.link_wrap .link_go_sub .text_cont dt .btit{font-size: 2rem;}
.link_wrap .link_go_sub .text_cont dt .stit{font-size: 1.7rem;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 접수안내 접수절차 */
.progress_w > div{width:49%;}
.progress_w > div:nth-child(n+4){margin-top:0;}
.progress_w > div:nth-child(n+3){margin-top:35px;}
.progress_w > div.icon04{order: 4;}
.progress_w > div.icon05{order: 5;}
.progress_w > div.icon06{order: 6;}
.progress_w > div.icon03:before{top: 50%;right: -12px;bottom: auto;left: auto; transform: translateY(-50%);}
.progress_w > div.icon04:before, 
.progress_w > div.icon05:before{right: -12px;left:auto;top: 50%;transform: translateY(-50%);}
.progress_w > div .poa{top: -15px;}
.progress_w > div > a{margin-top: 10px;}
.progress_w > div dl dt{margin-bottom: 10px;}
.progress_w > div dl dd > ul > li{font-size:1.6rem;}

/* 접수안내-시료보내실곳 */
.map_info dl{padding: 0 35px;}
.root_daum_roughmap .wrap_map{height:300px !important;}

/* 접수안내-입금안내 */
.pay_wrap .pay dl:after{width: 60px; height: 60px;}
.pay_wrap .pay dl:before{width: 30px;height:30px;background-size:cover;}
.pay_wrap .pay .btn_w{padding: 0 20px;}

}

/********************모바일2********************/
@media all and (max-width:500px){

/* 접수안내 접수절차 */
.progress_w{flex-direction: column;gap:35px;}
.progress_w > div{width:100%;}
.progress_w > div:nth-child(n+4){margin-top:0;}
.progress_w > div:nth-child(n+3){margin-top:0;}
.progress_w > div:before{right: 50% !important; top: auto !important; bottom: -17px !important; transform: translateX(50%)rotate(90deg) !important;}

}

/********************웹********************/
@media all and (min-width:1025px) {

}