@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 230116 */
/*★★★ table 및 공통타이틀 관련은 프로그램 및 컨텐츠에 해당하지않는 페이지에도 표형식이 있을수 있으므로 sub.css에 선언함 ★★★*/

/* Layout */
.clear_fix:after {content: ""; display: block; clear: both}

/******************************서브컨텐츠 영역**************************************/
/* -------------------기본 공통 스타일 시작 -------------------*/
/****연수원기준 공통사항 Table****/
.tbwrap {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.tbwrap table{width: 100%; border-bottom:3px solid #8c8c8c}
.tbwrap thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #8c8c8c; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.tbwrap tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:600; vertical-align:middle; color:#000}
.tbwrap tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d} 
.tbwrap .txtleft {text-align: left; padding-left: 10px}

/**** 개인정보처리방침 ****/
.protect {line-height:150%}
.protect_top {margin-bottom:20px; border:2px solid #009555; border-radius:5px}
.protect_top dt {padding:10px; background: #009555; font-size:1.067em; font-weight:600; color:#fff; text-align:center}
.protect_top dd {padding:15px; color:#000}
.protect_top dd ul li{margin-bottom: 8px; font-size:0.933em}
.protect_top dd ul li:last-child{margin-bottom: 0}
.protect .pro_box {position:relative; margin-top:10px}
.protect .pro_titbox { overflow: hidden; position:relative; margin-bottom:10px; border: 1px solid #ccc; background:#009555; border-radius:5px; font-size:1.067em}
.protect .pro_txtbox{ margin-bottom: 20px}
.protect h5 {line-height: 140%; padding: 12px; margin: 0 0 0 70px; background: #fff; font-weight: 500}
.protect .pro_tit{position: absolute; top:50%; left:0; width:70px; height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:500; color:#fff;  font-weight: 400}
.protect .pro_etc {margin-bottom:15px; border-radius:5px; background:#26353e; text-align: center}
.protect .pro_etc a {display:block; padding:10px; color:#fff; font-weight:500; transition: all .6s}
.protect .pro_etc:hover a {background:#141d22}
.protect .common_txt{ line-height:160%; padding-left:5px; margin:15px 0}
.protect .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:5px}
.protect .txt_box > ul, .protect .txt_box > ol, .protect .txt_box > dl{padding:10px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:5px}
.protect .txt_box > ul > li, .protect .txt_box > ol > li {padding-bottom:3px}
.protect .txt_box ul.lstbox02, .protect .txt_box ol.lstbox02 {padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.protect .txt_box ul.lstbox03, .protect .txt_box ol.lstbox03 {padding:10px; margin:5px 0; border-radius:5px; background:#f1f1f1; border:1px solid #ccc}
.protect .txt_box ul.lstbox02:last-child, .protect .txt_box ol.lstbox02:last-child{margin-bottom: 0}
.protect .txt_box ul.lstbox03:last-child, .protect .txt_box ol.lstbox03:last-child{margin-bottom: 0}
.protect .txt_box > ul > li dl, .protect .txt_box > ol > li dl{padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.pro_txtbox dl dt {padding-left:13px; color:#1c2e45; font-weight:700; background:url(../images/content/com_lsttit.gif) no-repeat 0 3px}
.pro_txtbox dl dd {padding-left:10px; background:url(../images/content/com_lstblt.gif) no-repeat 0 8px}
.pro_txtbox ul li dl dt {padding:0; background:none}

/****영상정보처리방침****/
.video {line-height:150%}
.video_top {margin-bottom:20px; border:2px solid #307eff; border-radius:5px}
.video_top dt {padding:10px; background: #307eff; font-size:1.067em; font-weight:600; color:#fff; text-align:center}
.video_top dd {padding:15px; color:#000}
.video_top dd ul li{margin-bottom: 8px; font-size:0.933em}
.video_top dd ul li:last-child{margin-bottom: 0}
.video .pro_box {position:relative; margin-top:10px}
.video .pro_titbox { overflow: hidden; position:relative; margin-bottom:10px; border: 1px solid #ccc; background:#307eff; border-radius:5px; font-size:1.067em}
.video .pro_txtbox{ margin-bottom: 20px}
.video h5 {line-height: 140%; padding: 12px; margin: 0 0 0 70px; background: #fff; font-weight: 500}
.video .pro_tit{position: absolute; top:50%; left:0; width:70px; height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:500; color:#fff;  font-weight: 400}
.video .pro_etc {margin-bottom:15px; border-radius:5px; background:#26353e; text-align: center}
.video .pro_etc a {display:block; padding:10px; color:#fff; font-weight:500; transition: all .6s}
.video .pro_etc:hover a {background:#141d22}
.video .common_txt{ line-height:160%; padding-left:5px; margin:15px 0}
.video .txt_box {padding:0 0 5px 0; background:#f1f1f1; margin:0 0 20px 0; border-radius:5px}
.video .txt_box > ul, .video .txt_box > ol, .video .txt_box > dl{padding:10px; line-height:150%; background:#fff; border:1px solid #cecece; border-radius:5px}
.video .txt_box > ul > li, .video .txt_box > ol > li {padding-bottom:3px}
.video .txt_box ul.lstbox02, .video .txt_box ol.lstbox02 {padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.video .txt_box ul.lstbox03, .video .txt_box ol.lstbox03 {padding:10px; margin:5px 0; border-radius:5px; background:#f1f1f1; border:1px solid #ccc}
.video .txt_box ul.lstbox02:last-child, .video .txt_box ol.lstbox02:last-child{margin-bottom: 0}
.video .txt_box ul.lstbox03:last-child, .video .txt_box ol.lstbox03:last-child{margin-bottom: 0}
.video .txt_box > ul > li dl, .video .txt_box > ol > li dl{padding:10px 15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.pro_txtbox dl dt {padding-left:13px; color:#1c2e45; font-weight:700; background:url(../images/content/com_lsttit.gif) no-repeat 0 3px}
.pro_txtbox dl dd {padding-left:10px; background:url(../images/content/com_lstblt.gif) no-repeat 0 8px}
.pro_txtbox ul li dl dt {padding:0; background:none}

/****저작권안내,신고****/
.copy_top {margin-bottom:20px; border:2px solid #ff9e21; border-radius:5px}
.copy_top dt {padding:10px; background: #ff9e21; font-size:1.067em; font-weight:600; color:#fff; text-align:center}
.copy_top dd {padding:15px; color:#000}
.copy_top dd ul li{margin-bottom: 8px; font-size:0.933em}
.copy_top dd ul li:last-child{margin-bottom: 0}
.copyright .copy_tit{padding:0 5px 10px 30px; margin-bottom:15px; border-bottom: 1px solid #ccc; background:url(../images/content/ico_warning.png) no-repeat 0 2px; font-weight: 700; font-size:1.133em}
.copyright .copy_txt{padding:15px; margin:5px 0; border-radius:5px; background:#f1f1f1}
.copyright .copy_txt ul li{padding-left:13px; margin-bottom: 5px; background:url(../images/content/com_lstblt.gif) no-repeat 0 8px; line-height: 130%; font-weight: 600}
.copyright .copy_txt ul li:last-child{margin-bottom: 0}

/****공통 Table****/
.comtable {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.comtable table{width: 100%; border-bottom:3px solid #aeaeae}
.comtable thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.comtable tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#30302e}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d} 
.comtable .txtleft {text-align: left; padding-left: 10px}
.comtable02 table{border-bottom:2px solid #aeaeae; border-top:2px solid #aeaeae}
.comtable02 tbody th {background: #aeaeae; color:#fff}
/*Table양쪽 선 없는 타입*/
.nonbdr .comtable thead th:last-child{border-right: none}
.nonbdr .comtable tbody td.bdr_none{border-left:none}
.nonbdr .comtable tbody th {border-left: none}
.nonbdr .comtable tbody td {border-right: none}
/****공통 Common****/
.common_wrap{font-family:NSK}
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/content/com_h4.gif) left top no-repeat; font-size:1.286em}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/content/com_h5.gif) 6px 3px no-repeat; font-size:1.143em}
.common_wrap{font-weight: 400}
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/content/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.comtop ul li:last-child{margin-bottom: 0}
.combox .cmline{margin-bottom: 20px}
.cmline > .cmtit{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:10px;  border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline > .cmtit h5{ line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 500; font-size:1.071em}
.cmline > .cmtit p{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-size:1.071em; font-weight: 400}
.cmline .cmtxt ol li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.cmline .cmtxt ol li:last-child{margin-bottom: 0}
.cmline .cmtxt ol li>ol, .cmline .cmtxt ol.bgline{padding: 10px; margin: 10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt ul li{padding-left: 13px; background:url(../images/content/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/content/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p.refertxt{padding:5px; background: #838383; border-radius: 5px; text-align: center; color:#fff}
.cmline .cmtxt > dl{margin-top: 10px; padding: 10px; border-radius:5px; margin-bottom:10px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt > dl dt{margin: 5px 0; font-weight: 500}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding: 5px 10px; border-radius: 50px; background: #838383; font-weight: 400; color:#fff}
.cmline .cmtxt > dl dt:first-child{margin-top: 0}
.cmline .cmtxt > dl dd{padding-left: 13px; background:url(../images/content/com_lstblt.gif) left 8px no-repeat; line-height: 120%; margin-bottom: 5px}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}
/*이력관리*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding: 10px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/content/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap .comlst_txt ul li > ul {border-radius:5px; background:#f1f1f1}
.common_wrap .comlst_txt ul li > ul > li{padding-left: 10px; background:url(../images/content/com_lstblt2.gif) left 7px no-repeat}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}

/**** 공통_행정서비스헌장 영역 ****/
.charter .comtop{position: relative; padding:50px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#394250; border-radius:5px; color: #fff; text-align: center; font-size:1.071em}
.charter .comtop::before{content: ""; display: block; clear: both; position: absolute; top:-30px; left:50%; margin-left: -40px; width:71px; height:70px; background: url(../images/content/charter_img.png) no-repeat center center; border-radius:50%; border:3px solid #394250; box-sizing:border-box}
.charter .comtop span {color:#daff5b; font-weight: 500}
.charter .combox{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.charter .combox ol{padding: 10px}
.charter .combox ol li{line-height: 150%; margin-left:38px; text-indent: -34px}
.charter .combox .charter_bt{padding:10px; background: #d2d2d2; text-align: center}
.charter .comtable table{border-bottom-color:#65758d}
.charter .comtable thead th {background: #65758d}
.charter .comtable02 table{border-bottom-color:#65758d; border-top-color:#65758d}
.charter .comtable02 tbody th {background: #65758d}
.charter .charter_bt{padding: 10px; background: #d2d2d2; border-radius: 0 0 5px 5px; text-align: center; font-weight: 500}

/****공통_정보공개제도안내****/
.openinfo .comtable table{border-bottom-color:#46a4f4}
.openinfo .comtable thead th {background: #46a4f4}
.openinfo .comtable a.gobtn{display: inline-block; padding: 5px 10px; border-radius: 3px; background: #d2d2d2; transition: all .3s}
.openinfo .comtable a.gobtn:hover{background: #46a4f4; color:#fff}

/****공통_비공개대상정보****/
.private p.comlst_tit{text-align: left}
.private ul > li >ul{padding: 10px; margin:10px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
/* ------------------- 기본 공통스타일 끝 -------------------*/


/* ------------------- 컨텐츠 공통 ------------------- */
/*폰트에서 span사용시 색지정*/
span.col_txt{font-weight: 500}/*공통 class*/
span.col_r{color:#ff5c41}
span.col_g{color:#76a84e}
span.col_b{color:#3087e1}
span.col_o{color: #ff7b11}
span.col_p{color: #ae4ce6}
span.col_pk{color: #f86b96}
span.col_y{color: #ff7f0e}
span.col_bb{font-weight: 600; color:#202020}
/*폰트에서 span BG 사용시*/
span.colbg_txt{font-weight: 500; color:#fff}/*공통 class*/
span.colbg_o{background: #ffa32b}
span.colbg_o2{background: #ffc230}
span.colbg_b{background: #2a9dff}
span.colbg_g{background: #63bf47}
span.colbg_pk{background: #ff83af}
span.colbg_gy{background: #e8e8e8; color:#202020}


/* -----------------컨텐츠 스타일 시작 -----------------*/

/**안내페이지 공통**/
.geti_info .info_tit{text-align: center; font-size: 1.333em; font-weight: 700;}
.geti_info .info_txt{margin:17px 0 25px; padding: 16px 5px; border-radius: 5px; border:3px solid #e8e8e8; box-sizing: border-box; text-align: center; color:#000; font-weight: 600}
.geti_info .info_stepbox{position: relative; margin: 15px 0 50px; text-align: center}
.geti_info .info_stepbox::before, .geti_info .info_stepbox::after{display: block; content: ""; clear: both; position: absolute}
.geti_info .info_stepbox::after{bottom:-10px; left:0; width: 100%; height: 60px; border-radius: 5px; background: #ededed}
/*업무절차*/
.info_stepbox .step_lstbox{width: 900px}
.info_stepbox .step_lstbox ol.steplst1{margin-bottom:60px}
.info_stepbox .step_lstbox ol li{position: relative; width: 25%; text-align: center}
.info_stepbox .step_lstbox ol li::after{display: block; content: ""; clear: both; position: absolute; bottom:57px; width: 50px; height: 41px; z-index: 1}
.info_stepbox .step_lstbox ol.steplst1 li::after{right:-13px; background:url(../images/content/arw_right.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst1 li:last-child::after{bottom:-48px; left:50%; width: 42px; height: 50px; margin-left: -21px; background:url(../images/content/arw_down.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst2 li::after{left:-13px; background:url(../images/content/arw_left.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst2 li:last-child::after{display: none}
.info_stepbox .step_lstbox ol.steplst1 li{float:left}
.info_stepbox .step_lstbox ol.steplst2 li{float:right}
.info_stepbox .step_lstbox .tit{margin-top: 27px}
.info_stepbox .step_lstbox .txt{margin-top: 20px; line-height: 120%; font-weight: 700; color:#000}
.info_stepbox .step_lstbox .txt.line2{margin-top: 13px}
.info_stepbox .step_btxt{display: inline-block; position: relative;text-align: center; z-index: 5}
.info_stepbox .step_btxt .btxt{ display: inline-block; padding-left: 27px; margin-top: 8px; background:url(../images/content/ico_guide.gif) left 1px no-repeat; color:#000}
.geti_info ol li .step_item{position: relative; width: 153px; height: 153px; margin: 0 auto; background: #fff; border-radius: 50%; border: 5px solid #ccc; box-sizing: border-box; z-index: 2}
/*업무 세부절차*/
.geti_info .info_detail{margin-top: 40px}
.info_detail ol li{position: relative; margin: 23px 0 35px}
.info_detail ol li:last-child{margin-bottom: 15px}
.info_detail .step_num{position: absolute; top:-23px; left:5px; z-index: 5}
.info_detail .dt_box{position: relative; background: #828f97; border-radius: 5px; border:1px solid #e3e3e3; box-sizing: border-box}
.info_detail .dt_box .dt_tit{position: absolute; top:50%; left:0; width: 180px; margin-top: -12px; text-align: center; color:#fff}
.info_detail .dt_box .dt_tit.line2{margin-top: -20px}
.info_detail .dt_box .dt_lst{padding: 10px; margin-left:180px; background: #fff}
.info_detail .dt_lst dl dt{width:60px; height: 22px; line-height: 22px; margin-bottom: 7px; background: #505151; border-radius: 50px; color:#fff; text-align: center}
.info_detail .dt_lst dl dt:last-child{margin-bottom: 0}
.info_detail .dt_lst dl dd{margin: -29px 0 0 70px; padding-bottom: 7px}
.info_detail .dt_lst dl dd:last-child{padding-bottom: 0}
.info_detail .step_notice{position: relative; padding: 10px; border-radius: 5px; background: #484848}
.info_detail .step_notice .st_noti{padding-left: 27px; background:url(../images/content/ico_guide2.gif) left 1px no-repeat; color:#fff}
.info_detail .step_notice .noti_btn a{display: block; position: absolute; top:7px; right:7px; width: 165px; padding:3px 10px; border-radius: 50px; background: #fff; font-weight: 700; color:#000; box-sizing: border-box; transition:all .5s}
.info_detail .step_notice .noti_btn a:hover{background: #ffcc32}
.info_detail .step_notice .noti_btn a span{display: block; background:url(../images/content/ico_go.png) right center no-repeat}

/*현장맞춤형 직무연수_안내*/
.geti_info .info_stepbox::before{ bottom:-10px; right:0; width: 272px; height: 243px; background:url(../images/content/gtinfo1_img.png) left top no-repeat; z-index: 1}
.gtinfo1 .step_item.step1{border-color: #96e490}
.gtinfo1 .step_item.step2{border-color: #80da7a}
.gtinfo1 .step_item.step3{border-color: #62d2a9}
.gtinfo1 .step_item.step4{border-color: #69cdda}
.gtinfo1 .step_item.step5{border-color: #59b5d3}
.gtinfo1 .step_item.step6{border-color: #3fa5c6}
.gtinfo1 .step_item.step7{border-color: #3f88c6}
.gtinfo1 .step_item.step8{border-color: #246aa5}

/*기관 특수분야 지정연수_안내*/
.geti_info.gtinfo2 .info_stepbox::before{ bottom:-10px; right:10px; width: 283px; height: 301px; background:url(../images/content/gtinfo2_img.png) left top no-repeat; z-index: 1}
.gtinfo2 .step_item.step1{border-color: #ffde6b}
.gtinfo2 .step_item.step2{border-color: #ffc96b}
.gtinfo2 .step_item.step3{border-color: #ffbd49}
.gtinfo2 .step_item.step4{border-color: #ffa461}
.gtinfo2 .step_item.step5{border-color: #ff8a61}
.gtinfo2 .step_item.step6{border-color: #ff6c61}
.gtinfo2 .step_item.step7{border-color: #e25353}
.gtinfo2 .step_item.step8{border-color: #cf3f3f}


/* ========================================= MOBILE LAYOUT ========================================= */
@media only screen and (max-width:1024px) {

/*공통_행정서비스헌장*/
.charter .comtop{margin:88px 0 15px}
.charter .comtop br{display: none}

/******************************서브컨텐츠 영역**************************************/

/**안내페이지 공통**/
.geti_info .info_stepbox::before{display: none}
/*업무절차*/
.info_stepbox .step_lstbox{width:890px; margin: 0 auto}
}



/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
/******************************서브컨텐츠 영역**************************************/


}



/* ========================================= LOWSET FIX ========================================= */
@media only screen and (max-width:929px){
/*업무절차*/
.info_stepbox .step_lstbox{width:100%}
}
@media only screen and (max-width:760px){
/**안내페이지 공통**/
.geti_info .info_txt{margin:10px 0 15px; padding: 10px}
.geti_info .info_stepbox{margin: 10px 0 30px}
.geti_info .info_stepbox::after{display: none}
/*업무절차*/
.info_stepbox .step_lstbox ol.steplst1{margin-bottom:0}
.info_stepbox .step_lstbox ol li{position: relative; width: 100%; text-align: center; margin-bottom: 40px}
.info_stepbox .step_lstbox ol.steplst2 li:last-child{margin-bottom: 15px}
.info_stepbox .step_lstbox ol li::after{display: block; content: ""; clear: both; position: absolute; bottom:57px; width: 42px; height: 50px; z-index: 1}
.info_stepbox .step_lstbox ol.steplst1 li::after{right:50%; bottom:-35px; margin-right: -21px; background:url(../images/content/arw_down.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst1 li:last-child::after{bottom:-35px; margin-left: -21px; background:url(../images/content/arw_down.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst2 li::after{left:50%; bottom:-35px; margin-left: -21px; background:url(../images/content/arw_down.png) left top no-repeat}
.info_stepbox .step_lstbox ol.steplst2 li:last-child::after{display: none}
.info_stepbox .step_lstbox ol li .step_item{position: relative; width: auto; height: auto; margin: 0 auto; background: #fff; border-radius: 5px; border: 3px solid #ccc}
.info_stepbox .step_lstbox ol.steplst1 li{float:none}
.info_stepbox .step_lstbox ol.steplst2 li{float:none}
.info_stepbox .step_lstbox .tit{margin-top: 10px}
.info_stepbox .step_lstbox .txt{margin: 10px}
.info_stepbox .step_btxt{display:block; padding: 8px; background: #ededed; text-align: left}
.info_stepbox .step_btxt .btxt{margin-top: 0}

/*업무 세부절차*/
.info_detail .dt_box .dt_tit{position: relative; top:0; left:0; width:auto; margin-top:0; padding: 7px}
.info_detail .dt_box .dt_tit.line2{margin-top:0}
.info_detail .dt_box .dt_tit.line2 br{display: none}
.info_detail .dt_box .dt_lst{margin-left:0}
.info_detail .dt_box .dt_lst dd{letter-spacing: -0.5px}
}

@media only screen and (max-width:660px){
/*업무 세부절차*/
.info_detail .step_notice{text-align: center}
.info_detail .step_notice .st_noti{display: inline-block}
.info_detail .step_notice .noti_btn a{position: relative; top:0; right:0; width: auto; margin-top: 10px}
}