@charset "utf-8";

/*개요*/
.intro_wrap .top_area{background:url(/nanum/site/builder/dir/refer/img/menu3464/greeting_bg.jpg) no-repeat right bottom;}
.intro_wrap .top_area p{font-size:30px;font-family:'NotoKrL', sans-serif;color:#333;letter-spacing:-0.05em;}
.intro_wrap .top_area p span{font-family:'NotoKrB', sans-serif;}
.intro_wrap .top_area div{margin-top:60px;width:380px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#555;line-height:30px;word-break:keep-all;}
.intro_wrap .info_area{display:inline-block;width:100%;margin-top:80px;}
.intro_wrap .info_area .box{float:left;width:424px;height:290px;text-align:center;}
.intro_wrap .info_area .box:first-child{border-right:1px solid #ccc;}
.intro_wrap .info_area .box .tit{padding-top:130px;font-size: 20px;font-family:'NotoKrM', sans-serif;color:#000;letter-spacing:-0.05em;}
.intro_wrap .info_area .box .tit.icon01{background:url(/nanum/site/builder/dir/refer/img/menu3464/info_icon01.gif) no-repeat center top;}
.intro_wrap .info_area .box .tit.icon02{background:url(/nanum/site/builder/dir/refer/img/menu3464/info_icon02.gif) no-repeat center top;}
.intro_wrap .info_area .box ul{margin-top:30px;}
.intro_wrap .info_area .box ul li{font-size: 14px;font-family:'Prompt', 'NotoKrR', sans-serif;line-height:28px;}
.intro_wrap .m_step{display:none;}
.intro_wrap .use_way{display:inline-block;width:100%;text-align:center;}
.intro_wrap .use_way li{float:left;width:33.33%;height:210px;margin-top:40px;}
.intro_wrap .use_way li.step4,
.intro_wrap .use_way li.step5,
.intro_wrap .use_way li.step6{float:right;}
.intro_wrap .use_way li.step1,
.intro_wrap .use_way li.step2{background:url(/nanum/site/builder/dir/refer/img/menu3464/right_arr.gif) no-repeat right 75px;}
.intro_wrap .use_way li.step3{background:url(/nanum/site/builder/dir/refer/img/menu3464/down_arr.gif) no-repeat 50% bottom;}
.intro_wrap .use_way li.step4,
.intro_wrap .use_way li.step5{background:url(/nanum/site/builder/dir/refer/img/menu3464/left_arr.gif) no-repeat left 75px;}
.intro_wrap .use_way li dl dt{padding-bottom:90px;font-size:16px;font-family: 'Prompt', sans-serif;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:0;}
.intro_wrap .use_way li dl dd{font-size:16px;font-family:'NotoKrR', sans-serif;color:#333;line-height:24px;letter-spacing:-0.05em;}
.intro_wrap .use_way li.step1 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step01.gif) no-repeat 50% 38px;}
.intro_wrap .use_way li.step2 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step02.gif) no-repeat 50% 38px;}
.intro_wrap .use_way li.step3 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step03.gif) no-repeat 50% 38px;}
.intro_wrap .use_way li.step4 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step04.gif) no-repeat 50% 38px;}
.intro_wrap .use_way li.step5 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step05.gif) no-repeat 50% 38px;}
.intro_wrap .use_way li.step6 dl dt{background:url(/nanum/site/builder/dir/refer/img/menu3464/result_step06.gif) no-repeat 50% 38px;}

/*센터장 인사말*/
.greeting_wrap{padding-right:375px;word-break:keep-all;background:url(/nanum/site/builder/dir/refer/img/menu3464/greet_bg.jpg) no-repeat right top;}
.greeting_wrap .greet_top{font-size:32px;font-family:'NotoKrL', sans-serif;color:#222;line-height:44px;letter-spacing:-0.05em;word-break:keep-all;}
.greeting_wrap .greet_top span{font-family:'NotoKrB', sans-serif;}
.greeting_wrap .greet_txt{margin-top:30px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#555;line-height:30px;}
.greeting_wrap .greet_sign{margin-top:20px;}
.greeting_wrap .greet_sign li{float:left;font-size:24px;font-family:'NotoKrM', sans-serif;color:#333;letter-spacing:-0.05em;}
.greeting_wrap .greet_sign li:first-child{padding-right:15px;margin-right:10px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#111;background:url(/nanum/site/builder/dir/refer/img/menu3464/line_greet_sign.gif) no-repeat right center;}



/******************************1024******************************/
@media all and (max-width:1024px){
/*개요*/
.intro_wrap .top_area{padding:0 0 260px 0;text-align:center;background-size:300px auto;background-position:center bottom;}
.intro_wrap .top_area p{font-size:26px;}
.intro_wrap .top_area div{margin-top:20px;width:100%;}
.intro_wrap .info_area{margin-top:60px;}
.intro_wrap .info_area .box{width:50%;box-sizing:border-box;}

/*센터장 인사말*/
.greeting_wrap .greet_sign{margin-bottom:30px;}

}



/******************************767******************************/
@media all and (max-width:767px){
/*개요*/
.intro_wrap .info_area .box .tit{padding-top:100px;background-size:80px auto !important;}
.intro_wrap .info_area .box ul li{line-height:25px;}
.intro_wrap .pc_step{display:none;}
.intro_wrap .m_step{display:block;}

/*센터장 인사말*/
.greeting_wrap{padding:220px 0 0 0;background-size:145px auto;background-position:center top;}
.greeting_wrap .greet_top{height:auto;padding:10px 0;font-size:20px;line-height:30px;}
.greeting_wrap .greet_top br{display:none;}
.greeting_wrap .greet_txt{margin-top:0;font-size:14px;line-height:26px;}
.greeting_wrap .greet_txt br{display:none;}
.greeting_wrap .greet_sign{margin:10px 0 20px 0;}
.greeting_wrap .greet_sign li{font-size:18px;}
.greeting_wrap .greet_sign li:first-child{font-size:15px;}


}


/******************************640******************************/
@media all and (max-width:640px){
/*개요*/
.intro_wrap .top_area{padding:0 0 160px 0;text-align:center;background-size:180px auto;}
.intro_wrap .top_area p{font-size:20px;}
.intro_wrap .top_area div{margin-top:10px;font-size:15px;line-height:26px;}
.intro_wrap .info_area{margin-top:30px;}
.intro_wrap .info_area .box{width:100%;height:auto;}
.intro_wrap .info_area .box:first-child{margin-bottom:20px;border-right:0;}
.intro_wrap .info_area .box .tit{padding:0 0 0 60px;min-height:50px;font-size:18px;text-align:left;line-height:50px;background-size:50px auto !important;background-position:left center !important;}
.intro_wrap .info_area .box ul{margin-top:15px;}
.intro_wrap .info_area .box ul li{font-size:15px;text-align:left;}
.intro_wrap .use_way li{float:none;width:100%;height:auto;padding-bottom:0;margin-top:20px;background:none;}
.intro_wrap .use_way li.step3,
.intro_wrap .use_way li.step6{height:auto;background:none !important;}
.intro_wrap .use_way li dl dt{float:left;min-height:30px;padding:0 0 0 40px;font-size:14px;background-position:0 0 !important;background-size:30px auto !important;}
.intro_wrap .use_way li dl dd{padding-left:110px;font-size:15px;text-align:left;}
.intro_wrap .use_way li dl dd br{display:none;}


}