@charset "UTF-8";
/* 다운로드서비스 */

/* step title + btn */
.headArea{position:relative;display:block;height:42px;margin-bottom:15px;margin-top: 10px;}
.hdRightBtn{position:absolute;right:0;bottom:0;}
.head-info{position:absolute;top:20px;right:150px;padding-left:10px;line-height:100%;text-indent:5px;}
.head-info:before{position:absolute;top:4px;left:0;display:inline-block;width:10px;height:10px;content:'';background:url(../images/contents/ico_ex.png) no-repeat;}

/* table List */
.checked{background-color:#eef3f8;}
.tempo-storage{border-top:1px solid #096dc7;}
.tempo-storage table thead th{height:51px;padding:10px 0;font-size:16px;line-height:16px;color:#444;background:#f7f7f7;border-bottom:1px solid #c1c1c1;border-left:0;}
.tempo-storage table thead th.group{color:#005496;background:#f6f9fc;border-bottom:1px solid #b2c8d5;}
.tempo-storage.noLine{border-top:none!important;}
.tempo-storage table tbody td{height:51px;padding:7px 0;font-size:15px;line-height:100%;line-height:100%;color:#555;text-align:center;word-break:break-all;word-wrap:break-word;border-bottom:1px solid #e0e0e0;border-left:0;}
.tempo-storage table thead th:first-child,
.tempo-storage table tbody td:first-child{border-left:none;}
.tempo-storage table thead th.lineL,
.tempo-storage table tbody td.lineL{border-left:1px solid #e8e8e8;}

/* rowspan */
.tempo-storage table input[type='checkbox'] + label{font-weight:400!important;line-height:100%;color:#555!important;text-indent:5px;vertical-align:baseline;}
.tempo-storage td > div{position:relative;display:block;height:22px;}
.tempo-storage tbody tr td.title{text-align:left;}
.tempo-storage tbody tr td.title div{display:block;padding:0 5px;overflow:hidden;line-height:22px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}

/* checkbox radio */
.dlService-Contents input[type='checkbox']{display:none;}
.dlService-Contents input[type='checkbox'] + label{top:0;left:0;width:17px;height:17px;line-height:17px;text-indent:10px;background:url(../images/common/ico_check.png) no-repeat;}
.dlService-Contents input[type='checkbox']:checked + label{font-family:'NanumGothicB';font-weight:bold;color:#096dc7;background:url(../images/common/ico_check_on.png) no-repeat 0 0;}
.dlService-Contents input[type='radio']{display:none;}
.dlService-Contents input[type='radio'] + label{top:0;left:0;width:auto;height:17px;margin-right:28px;line-height:17px;background:url(../images/common/ico_radio.png) no-repeat 0 center;}
.dlService-Contents input[type='radio']:checked + label{background:url(../images/common/ico_radio_on.png) no-repeat 0 center;}

/* step */
.dlService-StepWrap{z-index:9999;width:100%;padding:0;overflow:hidden;}

/* step header */
.dlService-StepHeader{position:relative;width:100%;height:70px;box-sizing:border-box;background:#fff;border:1px solid #096dc7;border-radius:3px;}
.dlService-StepHeader{border-bottom:1px dotted #63666d;}
.dlService-StepHeader .stepHead{position:relative;top:-1px;left:-1px;}
.dlService-StepHeader .stepHead h2:before{position:absolute;top:50%;right:-4px;display:inline-block;width:0;height:0;margin-top:-4px;content:'';border-right:8px solid transparent;border-bottom:8px solid #096cc7;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.dlService-StepHeader .stepHead p{position:absolute;top:0;left:112px;height:70px;padding:24px 0;font-size:17px;font-weight:400;line-height:1.2;text-indent:28px;}
.dlService-StepHeader .stepHead p > strong{font-weight:bold;}
.dlService-StepHeader.step2 .searchBox .btnR{right:0;}

/* 다운로드 위치 이동 12-10 */
.dlService-StepHeader .stepHead .data {position:absolute; top:24px; left:329px;}

/* step header search */
.searchBox  input[type=text]{position:relative;display:inline-block;width:100%;height:100%;box-sizing:border-box;padding:0 5px;vertical-align:baseline;border:1px solid #dedede;}
.searchBox .btnSrh{display:block;width:39px;height:39px;box-sizing:border-box;font-size:0;line-height:39px;color:#fff;text-align:center;background:#63676d url(../images/common/ico_modal_search.png) no-repeat center;}
.searchBox span.hdRigBtn{position:relative;top:4px;bottom:0;padding-left:35px;}

/* search Box */
.searchBox{position:absolute;top:0;right:20px;display:inline-block;height:70px;box-sizing:border-box;padding:15px 0;text-align:right;}
.searchBox > div{position:relative;display:inline-block;float:left;height:39px;line-height:40px;text-align:left;}
.searchBox .textIput{width:358px;}
.searchBox label{padding:0;color:#555;}
.searchBox input[type='radio'] + label{padding-left:20px;}
.searchBox .btnR{top:0px;margin-left:-39px;}

/* Step contents */
.dlService-StepContents{position:relative;height:auto;box-sizing:border-box;padding:20px;margin-bottom:20px;background:#f7f7f7;border:1px solid #63666d;border-width:0 1px 1px 1px;border-radius:3px;}

/* contents + btn */
.dlService-StepContents + div.board_btn{min-height:42px;margin-top:0;margin-bottom:20px;}
.dlService-StepContents + div.board_btn > span{overflow:hidden;}
.dlService-StepContents + div.board_btn > span > a{float:left;}
.dlService-StepContents + div.board_btn > span > a:first-child{margin-right:10px;}
.tempo-storage{margin-bottom:20px;}
.tempo-storage + div.board_btn{min-height:42px;margin-top:0;margin-bottom:20px;}
.tempo-storage + div.board_btn > span > a:first-child{margin-right:10px;}

/* Basic dlService layer */
.dlService-Contents h2{position:relative;top:0;left:0;z-index:1;width:112px;height:70px;padding:23px 0;font-size:17px;font-weight:400;line-height:1.5;color:#fff;text-align:center;background-color:#096cc7;border-radius:3px;}
.dlService-Contents:after{display:block;clear:both;content:'';}
*:first-child + html .dlService-Contents{min-height:1px;}

/* step1 tabListBox */
.listWrap{position:relative;padding:0;overflow:hidden;clear:both;}
.listWrap .tabListBox{position:relative;float:left;width:276px;height:351px;margin-left:50px;}
.listWrap .tabListBox div{width:277px;height:351px;background:#fff;border:1px solid #ccc;}
.listWrap .tabListBox:before{position:absolute;top:50%;right:-30px;width:9px;height:19px;content:'';background:url(../images/contents/img_step_arr.png) no-repeat center;}
.listWrap .tabListBox:first-child{margin-left:0;}
.listWrap .tabListBox h2.tab{float:left;width:82px;padding:0;}
.listWrap .tabListBox h2.tab a{display:block;font-size:14px;line-height:38px;color:#707070;text-align:center;letter-spacing:-1px;background:#fff;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:none;}
.listWrap .tabListBox h2.tab:first-child a{border-left:1px solid #ccc;}
.listWrap .tabListBox h2.tab a.current{padding-bottom:1px;color:#000;background:#f8f8f8;border-bottom:none;}

/* List btn Move */

/* .listWrap .btnMoveDel{position:absolute;top:303px;left:608px;width:42px;height:42px;background:url(../images/contents/btn_right.gif) no-repeat center;}
.listWrap .btnMoveAdd{position:absolute;top:244px;left:608px;width:42px;height:42px;background:url(../images/contents/btn_left.gif) no-repeat center;}
.listWrap .btnMoveDel:hover{background:url(../images/contents/btn_right_on.gif) no-repeat center;}
.listWrap .btnMoveAdd:hover{background:url(../images/contents/btn_left_on.gif) no-repeat center;} */

/* step1 list  */
[class^="basicLi"] li > span{line-height:1;vertical-align:top;}
.basicLi1{height:349px;overflow-x:hidden;overflow-y:auto;z-index:10;position: relative;}
.basicLi1 li:first-child{padding-top:12px;}
.basicLi1 li{width:100%;height:auto;padding:0 15px;margin-bottom:9px;overflow:hidden;line-height:1;}
.basicLi1 li a{font-size:15px;color:#545454;}
.basicLi1 li a:hover{opacity:1;}
.basicLi1 li a:hover,
.basicLi1 li a.on{font-family:'NanumGothicB';font-weight:bold;color:#096dc7;}

/* step1 tabListBox */
.listWrap2{position:relative;padding:0;overflow:hidden;clear:both;}
.listWrap2 .tabListBox{position:relative;float:left;width:277px;height:100%;min-height:42px;margin-left:50px;}
.listWrap2 .tabListBox:before{position:absolute;top:50%;right:-30px;width:9px;height:19px;margin-top:-8px;content:'';background:url(../images/contents/img_step_arr.png) no-repeat center;}
.listWrap2 .tabListBox:last-child:before{display:none;}
.listWrap2 .tabListBox:first-child{margin-left:0;}
.listWrap2 .tabListBox:before:last-child{background:none;}
.listWrap2 .tabListBox div{padding:12px 15px;background:#fff;border:1px solid #ccc;}
.listWrap2 .basicLi2 li{vertical-align:middle;}
.listWrap2 .tabListBox:nth-child(1) .basicLi2 li.lh105,
.listWrap2 .tabListBox:nth-child(2) .basicLi2 li.lh105,
.listWrap2 .tabListBox:nth-child(3) .basicLi2 li.lh105{line-height:105px;}
.listWrap2 .tabListBox:nth-child(4) .basicLi2 li{line-height:1;}
.basicLi2{height:auto;overflow-x:hidden;overflow-y:hidden;}
.basicLi2 li{width:100%;height:auto;margin-bottom:5px;overflow:hidden;line-height:1;}
.basicLi2 li:last-child{margin-bottom:0;}
.basicLi2 li a{display:block;font-size:15px;color:#545454;}
.basicLi2 li a:hover{opacity:1;}
.basicLi2 li a:hover,
.basicLi2 li a.on{font-family:'NanumGothicB';font-weight:bold;color:#096dc7;}

/* step2 right selectedListBox */
.listWrap .selectedListBox{position:relative;width:584px;height:554px;margin:0;background:#fff;/* border-bottom:1px solid #e1e5e8; */}
.listWrap .selectedListBox.left{float:left;width:650px;}
.listWrap .selectedListBox.right{float:right;}

/* select-table */
.scroll{height:503px;overflow-x:hidden;overflow-y:auto;border-bottom:1px solid #e8e8e8;}
.selectedListBox.left > .select-table-header > tbody > tr > td:last-child{text-indent:-21px;}
.select-table-header tbody td{font-family:'NanumGothicB';padding:17px 0;font-size:16px;font-weight:bold;line-height:16px;color:#fff;text-align:center;background:#63676d;}
.select-table td input[type='checkbox'] + label,
.select-table th input[type='checkbox'] + label,
.select-table-header tbody td input[type='checkbox'] + label{display:block;padding:0;margin:0 auto;font-size:0;}
.select-table tbody td{height:51px;box-sizing:border-box;padding:5px 5px 5px;font-size:15px;line-height:1.5;color:#555;text-align:center;word-break:break-all;word-wrap:break-word;}
.select-table tbody tr{border-bottom:1px solid #e8e8e8;}
.select-table thead th:first-child,
.select-table table tbody td:first-child{border-left:none;}
.selected{background-color:#eef3f8;}
.table-area{position:relative;display:table-cell;width:50%;}
.table-area.left{border-right:1px solid #e1e5e8;}
.table-area.left .select-table-header tbody td:nth-child(4){border-right:1px solid #e1e5e8;}
.select-table{background-color:#fff;}
.select-table tbody tr.checked{background-color:#eef3f8;}
.select-table-header{position:relative;display:table;width:100%;table-layout:fixed;}
.selectedListBox.left .select-table-header:before{position:absolute;right:333px;display:block;height:100%;content:'';border-right:1px solid #8a8e93;}
.selectedListBox.right .select-table tbody td:last-child{padding-right:25px;}
.selectedListBox.right > .select-table-header > tbody > tr > td:last-child{}

/* step header */
.dlexplan-header{position:relative;width:100%;height:65px;box-sizing:border-box;background:#fff;border:1px solid #858b98;border-radius:3px;}
.dlexplan-header h3{position:relative;display:inline-block;padding:0 0 0 60px;font-size:17px;font-weight:bold;line-height:50px;color:#333;}
.dlexplan-header{border-bottom:1px dotted #63666d;}
.dlexplan-header h3:before{position:absolute;top:50%;left:16px;width:31px;height:29px;margin-top:-15px;content:'';background:url(../images/contents/ico_dlexplan.png) no-repeat center;}
.dlexplan-header .location{position:absolute;top:11px;right:0;display:inline-block;}
.dlexplan-header .location > li:nth-child(1){font-family:'NanumGothicB';display:inline-block;width:88px;height:30px;margin-right:14px;line-height:30px;text-align:center;background-color:#e0e0e0;border-radius:25px;font-weight:bold;}
.dlexplan-header .location ul li{position:relative;display:inline-block;float:left;padding-right:25px;line-height:30px;}
.dlexplan-header .location ul li:last-child:after{display:none;}
.dlexplan-header .location ul li:after{position:absolute;top:11px;right:9px;display:block;width:5px;height:8px;content:'';background:url(../images/contents/ico_arw_right.png) no-repeat center;}
.dlexplan-header .location  li{display:inline-block;float:left;font-size:15px;font-weight:400;color:#222;}
.dlexplan-contents{position:relative;height:auto;box-sizing:border-box;padding:20px;background:#fff;border:1px solid #c2c2c2;border-width:0 1px 0 1px;border-radius:3px 3px 0 0;}
.dlexplan-contents .board_btn{min-height:32px;margin:0;}
.dlexplan-contents .board_btn > span{font-size:0;}
.dlexplan-contents .board_btn > span a{margin-right:10px;}
.dlexplan-contents .board_btn > span a:last-child{margin-right:0;}

/* 설명자료 */
.explan-list ul{overflow:auto;clear:left;}
.explan-list ul li{position:relative;display:inline-block;float:left;width:243px;height:116px;padding:12px 0 0 11px;margin-left:10px;}
.explan-list ul li > input[type='checkbox'] + label{position:relative;width:100%;height:100%;padding-left:0;margin-right:0;text-indent:0;background-image:none;}
.explan-list ul li > label > p{font-family:'NanumGothicB';padding:0 0 0 70px;}
.explan-list ul li > input[type='checkbox'] + label img{float:left;}
.explan-list ul li > input[type='checkbox'] + label + span{position:absolute;right:0;}
.explan-list ul li > label > p + span{display:block;padding:0 0 0 70px;margin-top:15px;}
.explan-list ul li > label input[type='button'].select{display:inline-block;min-width:64px;height:25px;box-sizing:border-box;font-family:'NanumGothicR';font-size:13px;font-weight:400;line-height:23px;color:#555;text-align:center;text-decoration:none;text-indent:0;vertical-align:baseline;background-color:#fff;border:1px solid #d1d1d1;border-radius:2px;-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;}
.explan-list ul li > label input[type='button'].select:hover{font-weight:400;color:#fff;background-color:#63676d;}
.explan-list ul li:first-of-type{margin-left:0;}
.explan-list ul li > label input[type='button'].select:disabled,
.explan-list ul li > label input[type='button'].select:disabled:hover{color:#c1c1c1;background-color:#fff;border:1px solid #c1c1c1;}
.explan-list input[type='checkbox']:checked + label{position:relative;font-weight:normal;color:#555;background:none;border:2px solid #27a4bc;}
.explan-list input[type='checkbox']:checked + label:before{position:absolute;top:-13px;left:-12px;z-index:1;display:inline-block;width:48px;height:48px;content:'';background:url(../images/contents/img_check_on.png) no-repeat 0 0;}
.explan-list input[type='checkbox'] + label{display:block;width:232px;height:106px;box-sizing:border-box;padding:25px 0px 0px 21px!important;border:1px solid #27a4bc;border-radius:5px;}
.explan-list input[type='checkbox']:disabled + label{border:1px solid #e0e0e0;}
.explan-list label.disabled p{color:#999;}
.dlService-StepFooter .btnArea{position:relative;}
.dlService-StepFooter > div{min-height:33px!important;margin-top:20px;}
.dlService-StepFooter .board_btn > span{font-size:0;}
.dlService-StepFooter .board_btn > span a{margin-right:10px;}
.dlService-StepFooter .board_btn > span a:last-child{margin-right:0;}
.viewMore{position:relative;}
.viewMore .more-btn{position:absolute;bottom:1px;left:50%;width:149px;height:29px;margin-top:-29px;margin-left:-70px;font-size:15px;text-align:center;text-indent:-10px;cursor:pointer;background:url(../images/contents/btn-open.png);}
.viewMore .more-btn.active{background:url(../images/contents/btn-close.png);}
.viewMore .more-btn a{font-size:15px;font-weight:400;line-height:29px;color:#fff;}
.outro{position:relative;padding-bottom:29px;}
.viewMore .wrap{height:167px;overflow:hidden;clear:both;background-color:#f1f1f1;border:1px solid #c2c2c2;border-top:0;border-radius:0  0 3px 3px;}
.viewMore hr{position:absolute;bottom:29px;width:100%;border-top:1px solid #c2c2c2;border-radius:0 0 3px 3px;}
.viewMore .outro div.guide{display:inline-block;float:left;width:50%;}
.viewMore .guide.right{padding-left: 15px;margin-top: 46px;margin-bottom: 46px;}
.viewMore .guide p{margin-top: 55px;font-family:'NanumGothicB';padding: 15px 30px 15px 100px;font-weight:bold;color:#545454;word-break:keep-all;background:url(../images/contents/img_guide_bg.png) no-repeat 35px;}
.guide.right dt,
.guide.right dd{display:inline-block;float:left;margin-bottom: 5px;line-height:21px;vertical-align:baseline;}
.guide.right dd a{width:127px;}
.guide.right dt{line-height: 32px;font-family:'NanumGothicB';position:relative;width: 72%;padding-left: 9px;font-weight:bold;color:#444;}
.guide.right dt:before{position:absolute;top: 14px;left:0;display:inline-block;width:4px;height:4px;content:'';background-color:#29343b;}
.guide.right dd{width: 22%;margin-left:21px;}
.guide.right dt:last-of-type,
.guide.right dd:last-child{margin-bottom:0;}
.guide.right dl{overflow:hidden;}

/* 데이터 없음 */
.dlService-StepContents.none-type{padding:0;margin:0;background-color:#fff;}
.none-data{padding:55px 20px;}
.none-data .msg-wrap{width:537px;margin:0 auto;}
.none-data .msg-wrap .icon{background:url(../images/contents/img_none_data.png) no-repeat 0 center;}
.none-data .msg-wrap p{min-height:74px;padding:15px 0 0 90px;margin-bottom:14px;font-size:15px;color:#545454;}
.none-data .msg-wrap p + .g-box{padding:30px;background-color:#fff;border:1px dotted #c8c8c8;}
.none-data .msg-wrap p + .g-box li{margin:0 0 9px;}
.none-data .msg-wrap p + .g-box li:last-child{margin:0;background-position:0 center;}
.none-data .msg-wrap p + .g-box li:last-child [class*='ico-'][class*='-sm'] span{padding:0 10px;margin-right:22px;}
.guide-bottom{height:100px;overflow:hidden;clear:both;background-color:#f1f1f1;border-top:0;border-radius:0  0 3px 3px;}
.guide-bottom{position:relative;}
.guide-bottom .right,
.guide-bottom .left{width:50%;height:100px;}
.guide-bottom .left{position:absolute;left:0;padding:15px 502px 0 20px;text-align:left;}
.guide-bottom .left li{font-family:'NanumGothicB';position:relative;width:300px;padding-left:9px;font-weight:bold;color:#444;}
.guide-bottom .left li:before{position:absolute;top:9px;left:0;display:inline-block;width:4px;height:4px;content:'';background-color:#29343b;}
.guide-bottom .left li:first-child{margin-bottom:15px;}
.guide-bottom .right{position:absolute;right:0;padding:15px 20px 0 502px;text-align:right;}
.guide-bottom .right li{width:100%;}
.guide-bottom .right li:first-child{margin-bottom:6px;}
.guide-bottom .right li a{width:127px;text-align:left;}

.dlService-StepContents .step1-more-btn{position:absolute; left:53%; bottom:-21px; width:47px; height:21px; margin-left:-70px; cursor:pointer; background:url(../images/content/step1_close.png) no-repeat;}
.dlService-StepContents .step1-more-btn1{position:absolute; left:53%; bottom:-21px; width:47px; height:21px; margin-left:-70px; cursor:pointer; background:url(../images/content/step1_open.png) no-repeat;}
.dlService-StepContents .step1-more-btn .active{background:url(../images/content/step1_open.png);}
.dlService-StepContents .step1-more-btn .close{background:url(../images/content/step1_close.png);}

/* 인가용 신청 내역 */
.author-box{display:block;padding-bottom:20px;overflow:hidden;clear:both;}
.author-box > div{position:relative;float:left;width:630px;height:100%;background-color:#f8f8f9;}
.author-box div.author-left{margin-right:40px;}
.author-box div.apply-txt{padding:25px 35px;font-size:15px;text-align:left;border:1px solid #ddd;border-width:0 1px 1px 1px;}
.author-box h3{height:50px;padding:15px 0;font-size:18px;font-weight:bold;color:#fff;text-align:center;background-color:#63676d;}
.author-box p.dot-title{padding-left:9px;margin-bottom:15px;font-size:17px;font-weight:bold;line-height:1;color:#444;background:url(../images/contents/bul_title-type4.png) no-repeat left 50%;}
.author-box .current-area{overflow:hidden;position:relative;padding-bottom:60px;}
.author-box .current-area:before{display:inline-block;position:absolute;bottom:34px;left:121px;color:#222;font-size:14px;font-weight:400;content:'수정';}
.author-box .current-area li{display:inline-block;float:left;position:relative;margin-right:14px;}
.author-box .current-area li:last-child{margin-right:0;}
.author-box .current-area li:before{display:inline-block;position:absolute;z-index:1;top:25px;left:126px;width:23px;height:30px;background-image:url(../images/contents/icon_step_arrow.png);background-repeat:no-repeat;background-position:center;content:'';}
.author-box .current-area li:after{display:block;box-sizing:border-box;min-width:129px;height:81px;border:1px solid #096dc7;background-color:#fff;content:'';}
.author-box .current-area li:last-child:before{content:none;}
.author-box .current-area li.curr:after{background-color:#096dc7;}
.author-box .current-area li.curr:before{background-image:url(../images/contents/icon_step_arrow02.png);background-repeat:no-repeat;/*background-position:92% 50%;*/content:'';left:125px;}
.author-box .current-area li.curr:last-child:after{background-image:none;}
.author-box .current-area li.curr p{color:#fff;}
.author-box .current-area li p.mid{padding:30px 0;}
.author-box .current-area li p{font-family:'NanumGothicB';display:block;position:absolute;width:100%;padding:19px 25px;color:#444;font-size:15px;font-weight:bold;line-height:21px;text-align:center;white-space:pre-line;letter-spacing:-1.1px;}
.author-box .current-area li p.pD5 {padding:6px 5px;}
.author-box .current-area li p span {font-size:14px;}
.author-box .current-area li p a{font-weight:400;font-size:14px;}
.author-box .current-area li p:hover a{color:#27a4bc;}
.author-box .current-area:after{display:block;position:absolute;bottom:20px;left:67px;width:133px;height:50px;background:url(../images/contents/img_spotarr.png);background-repeat:no-repeat;background-position:center;content:'';}
.author-box .current-area p + ul.list-type{padding-left:9px;}
.author-box p + ul.list-type{min-height:125px;}
.author-box .bottom-area{display:block;padding-top:15px;}
.author-table th:nth-child(1) > input[type=checkbox] + label,
.author-table td:nth-child(1) > input[type=checkbox] + label{overflow:hidden;width:0;margin:0;font-size:0;line-height:0;}

/* 항목선택 */
#pinfo{position:absolute!important;bottom:0!important;padding-bottom:10px!important;text-indent:20px!important;}
#pinfo:before{display:inline-block;position:absolute;top:3px!important;left:4px;width:10px;height:10px;background:url(../images/contents/ico_ex.png) no-repeat;content:'';}
.btn_select span{height:24px!important;line-height:24px!important;}

/* 주문형서비스 신청 내역 */
.oder-type .author-left .current-area li:first-of-type p span{letter-spacing:-1.3px;word-spacing:-1.5px;}
.oder-type .current-area{position:relative;padding-bottom:15px;}
.oder-type > div > div{min-height:473px;}
.oder-type .num-list li{margin:0 0 7px;}
.oder-type .current-area li:before{left:269px;}
.oder-type .current-area li:last-child:before{content:none;}
.oder-type .current-area:before,
.oder-type .current-area:after{content:none;}
.oder-type .author-left .current-area li:after{width:272px;}
.oder-type .author-left .current-area li:first-of-type p{padding:19px 5px;}
.oder-type .author-right .current-area li:after{width:176px;}
.oder-type .author-right .current-area li:before{left:173px;}
.oder-type .author-left .bottom-area{padding-top:61px;}
.oder-type .author-right .bottom-area{padding-top:41px;}
.oder-type .num-list li > a{margin-left:-4px;text-indent:0;}

/* 인가용, 주문형 서비스 step */
#request-step{position:relative;margin-bottom:20px;}
#request-step ul{position:relative;overflow:hidden;}
#request-step li{position:relative;float:left;width:13%;box-sizing:border-box;margin-left:48px;text-align:center;background-color:#fff;border:1px solid #ddd;}
#request-step li div{position:relative;display:block;height:59px;font-size:16px;line-height:58px;color:#222;text-transform:uppercase;vertical-align:middle;}
#request-step li:before{position:absolute;top:21px;left:-30px;z-index:1;display:block;width:10px;height:19px;content:'';background:url(../images/contents/img_step_arr.png) no-repeat;}
#request-step li:first-child{margin-left:0;}
#request-step li:first-child:before{display:none;}
#request-step li.active{background-color:#096dc7;border:1px solid #096dc7;}
#request-step li.active div{color:#fff;}
#request-step.step03 li{width:30%;min-width:400px;}
#request-step.step04 li{width:22.222%;min-width:289px;}
#request-step.step05 li{width:17%;min-width:219px;}

/* 정액제 신청 */
.author-box > div.fixed-rate .ag-view{text-align:center;padding-top:15px;margin-bottom:10px;}
.author-box > div.fixed-rate .appfrom-box{margin-bottom:0;}
.author-box > div.fixed-rate .appfrom-box + div{position:static;width:100%;padding:0px 0 20px;margin-top:30px;}
.author-box > div.fixed-rate .apply-txt{padding:30px 30px 15px;}
.author-box > div.fixed-rate .tbl_type thead tr th{padding:9px 0 8px;font-size:13px;color:#333;}
.author-box > div.fixed-rate .tbl_type tbody tr th{padding:7px 10px;font-size:13px;color:#333;line-height:1;}
.author-box > div.fixed-rate .tbl_type tbody tr td{padding:7px 10px;word-break:keep-all;font-size:13px;line-height:18px;}
.ul-list{padding-left:10px;}
.ul-list > li{background:url(../images/contents/bg_li_hypen.png) 0 9px no-repeat;padding:0 0 0 10px;line-height:21px;margin-bottom:5px;font-size:14px;}
.ul-dot{padding-left:10px;}
.ul-dot > li{background:url(../images/contents/bg_li_quad.png) 0 9px no-repeat;padding:0 0 0 10px;line-height:21px;margin-bottom:5px;font-size:14px;}
.author-box > div.fixed-rate p{color:#4b4b4b;word-break:keep-all;}
.author-box div > .box{display:block;box-sizing:border-box;padding:25px 30px;}
.author-box div > p > strong{font-weight:bold;color:#096dc7;}
.author-box div > p{word-break:keep-all;color:#545454;}
.author-box div > dl{overflow:hidden;padding-top:15px;margin-bottom:10px;}
.author-box dl > dt,
.author-box dl > dd{display:inline-block;float:left;margin-bottom:9px;line-height:21px;}
.author-box dl > dt{box-sizing:border-box;width:91px;margin-right:10px;padding:0 10px;color:#fff;border-radius:35px;background-color:#27a4bc;font-size:14px;text-align:center;}
.author-box dl > dd{font-size:15px;width:82%;color:#545454;white-space:normal;word-break:keep-all;}
.author-box dl > dt:last-of-type,
.author-box dl > dd:last-of-type{margin-bottom:0;}

/* table */
.header-bg{background-color:#f0f1f4!important;height:40px;}
.author_regist table tbody tr th{padding:10px 18px;}
.author_regist table tbody tr td{padding:9px 15px;}
.author_regist table tbody tr th a.base-btn{display:block;margin-bottom:10px;width:140px;}
.author_regist table tbody tr td table:first-child{border-width:0 0 0 0;}
.author_regist table tbody tr td table td{padding:0;}
.author_list .bottom,
.author_regist .bottom{padding-top:5px;overflow:initial;position:relative;margin-top:10px;min-height:32px;margin-bottom:5px;}
.author_list .bottom .file-btn,
.author_regist .bottom .file-btn{position:absolute;top:0;margin:0;width:100%;min-height:35px;}
.author_list .bottom .dot_type,
.author_regist .bottom .dot_type{display:block;position:relative;margin-left:2px;font-size:14px;color:#545454;text-indent:10px;background:url(../images/board/bu_dot.gif) no-repeat left 10px;}
.author_list tbody tr th > p{text-align:center;}
.author_list thead tr th{border-right:1px solid #e0e0e0;}
.author_list tbody tr td{border-right:1px solid #e0e0e0;}
.author_list tbody tr td:last-child{text-align:left;border-right:0;}
.author_list thead tr th:last-child{border-right:0;}
.author_list tbody th{padding:17px 0 17px;white-space:normal;background-color:#f7f7f7;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;line-height:21px;height:50px;}
.author_list tbody th.division{padding:10px 35px;text-align:left;}
.author_list tbody td.sub-division{padding:10px 15px;line-height:1.2;}
.author_list tbody td.sub-division p{word-break:keep-all;}
.author_list table tbody td table tbody tr td{height:50px;padding:10px 10px;}
.author_list tbody tr td input[type=text]{width:100%;height:32px;box-sizing:border-box;font-family:'NanumGothicR'!important;font-size:15px!important;line-height:30px;color:#555;border:1px solid #e1e1e1;}
.author_list tbody tr td textarea{width:100%;box-sizing:border-box;-webkit-appearance:none;padding:5px;color:#555;resize:none;background:#fff;border:1px solid #e1e1e1;}
.author_list tbody tr th em{color:#e40000;font-size:20px;font-weight:bold;font-style:normal;margin-left:5px;display:inline-block;height:15px;vertical-align:middle;line-height:22px;}
.author_list tbody tr th > span{padding-bottom:10px;}
.author_list tbody tr th > span,
.author_list tbody tr th > span ~ a{position:relative;display:inline-block;margin:0 15% 0;}
.author_list tbody tr th > span ~ a{margin-top:5px;}
.author_list tbody tr td .sort{position:relative;}
.author_list tbody tr td .sort > span{display:inline-block;}
.author_list tbody tr td .sort > span.sign{position:absolute;right:0;margin-right:80px;}

/*  inner table */
.author_list .inner-table div{border-top:1px solid #cdcdcd;}
.author_list .inner-table div thead tr th{border-bottom:1px solid #cdcdcd;}
.author_list > table > tbody > tr > td > .inner-table{height:auto;padding:20px 0 10px;margin:0 auto 0 5px;overflow:visible;line-height:1.5;text-overflow:initial;white-space:normal;vertical-align:middle;}
.author_regist .inner-table td{padding:10px 15px;}
.author_regist table td .inner-table{margin:20px 0 10px;border-style:solid;line-height:1.5;border-color:#cdcdcd;border-width:1px 0;}
.author_list .oder-list li{padding-left:15px;margin:0;color:#545454;}
.author_list .oder-list li:last-child .a-link{margin:0 5px;vertical-align: inherit;}
.author_list .oder-list li:before{top:50%;margin-top:-3px;}
.board_list .addeltion,
.board_regist .addeltion{position:relative;width:66px;margin-left:0;display:inline-block;vertical-align:top;line-height:32px;height:32px;}
.author_list .addeltion .file_delete{margin-right:5px;position:static;width:32px;height:32px;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_delete.gif) no-repeat 50% 50%;}
.author_list .addeltion .file_delete:hover{background:url(../images/board/board_file_delete_on.gif) no-repeat 50% 50%;}
.author_list .addeltion .file_add{position:static;width:32px;height:32px;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_add.gif) no-repeat 50% 50%;}
.author_list .addeltion .file_add:hover{background:url(../images/board/board_file_add_on.gif) no-repeat 50% 50%;}
.author_list tbody tr td input[type=checkbox] + label{text-indent:5px;font-weight:bold;}
.author_list tbody tr td input[type=checkbox] + label span{font-size:15px;font-family:'NanumGothicB';}
.author_list tbody tr td .chk-group{vertical-align:middle;display:inline-block;padding-right:10px;margin-right:10px;float:left;}
.author_list tbody tr td > p{word-break:keep-all;font-weight:400;}

/* 주문형 masage box */
.msg-bottom{margin-top:20px;}
.msg-bottom.g-box{padding:30px 30px;background-color:#fff;border:1px dashed  #c8c8c8;}
.msg-bottom p{padding-left:10px;margin-bottom:15px;color:#454545;}
.msg-bottom p:last-child{margin-bottom:0;}
.msg-bottom.g-box .infor{margin-top:-5px;}
.msg-bottom p.manager{position:relative;margin-top:17px;vertical-align:middle;padding-left:11px;text-indent:3px;margin-left:12px;line-height:21px;}
.msg-bottom p.manager em{font-family:'NanumGothicB';display:inline-block;position:relative;font-weight:bold;margin-right:8px;padding-right:10px;color:#545454;line-height:1.5;}
.msg-bottom p.manager em:before{content:'';display:inline-block;height:12px;width:1px;background-color:#858b98;position:absolute;right:0;top:5px;}
.msg-bottom p.manager span.num{font-family:'NanumGothicB';margin-left:7px;font-weight:bold;display:inline-block;}
.msg-bottom p.manager:before{display:inline-block;width:10px;height:10px;content:'';background:url(../images/contents/ico_ex.png) no-repeat;position:absolute;top:7px;left:0;}

/* 개인정액제신청 */
.fixed-charge{padding-bottom:30px;}
.fixed-charge p.help-txt{position:relative;display:block;padding-left:15px;margin-top:8px;margin-left:0;line-height:21px;text-indent:2px;vertical-align:middle;}
.fixed-charge p.help-txt:before{position:absolute;top:50%;left:3px;display:inline-block;width:10px;height:10px;margin-top:-4px;content:'';background:url(../images/contents/ico_ex.png) no-repeat 0 0;}
.fixed-charge .rcv-wrap{overflow:hidden;}
.fixed-charge .rcv-wrap ul{display:inline-block;vertical-align:middle;}
.fixed-charge .data-table .scroll{height:250px;overflow-x:hidden;overflow-y:scroll;border:0;}
.fixed-charge .data-table.box{border:1px solid #ddd;border-width:0 0px 1px 0px;}
.fixed-charge .data-table .scroll table{border-top:0;}
.fixed-charge .table-header-fix td:last-child{text-indent:-17px;}
.fixed-charge .box .inner{width:100%;}
.fixed-charge .last p.help-txt{margin:0;}
.fixed-charge .last{box-sizing:border-box;padding:25px 20px;margin-top:30px;border-color:#c8c8c8;border-style:dashed;border-width:1px 1px 1px 1px;}
.address_input li a.base-btn{vertical-align:middle;}
.board_regist tbody tr td input + .sch-position{position:absolute;top:0;right:0;}
.radio-wrap{padding-left:5px;}
.radio-wrap:after{display:block;clear:both;content:'';}
.radio-wrap li{position:relative;display:inline-block;float:left;padding-right:15px;}
.board_regist tbody tr td .file_input{width:100%;}
.board_regist tbody tr td a.file{display:inline-block;overflow:hidden;position:relative;top:-1px;width:23px;height:23px;margin-left:5px;background:url(../images/board/ico_file.gif) no-repeat 0 0;vertical-align:middle;text-indent:-999px;}
.board_regist tbody tr td .file_list{position:relative;top:0px;}
.board_regist tbody tr td .file_list:last-child{margin-bottom:0px;}
.board_regist tbody tr td .file_list li:last-child{margin-bottom:0;}
.board_regist tbody tr td .file_list li label{height:22px;padding-left:17px;text-indent:10px;}
.board_regist tbody tr td .file_list li{position:relative;margin-bottom:10px;font-family:'NanumGothicR','돋움';line-height:22px;}
.board_regist tbody tr td .file_list li > input[type=checkbox]{left:0;margin-left:0;}
.board_regist tbody tr td .file_list li a{display:inline-block;min-height:22px;padding:0 0 0 22px;color:#777;background:url(../images/board/ico_file.gif) no-repeat 0 center;line-height:22px;vertical-align:baseline;text-indent:24px;}
.board_regist tbody tr td .file_list li a span{display:inline-block;overflow:hidden;position:relative;top:-1px;width:14px;height:13px;margin-left:5px;background:url(../images/board/ico_down.gif) no-repeat 50% 50%;vertical-align:middle;text-indent:-999px;}
.board_regist tbody tr td .file_list li a:hover,
.board_regist tbody tr td .file_list li a:focus{text-decoration:underline;}

/* 신청 */
.gap-box{position:relative;margin-top:40px;margin-bottom:30px;}
.gap-box .caution{position:relative;padding-left:17px;margin:5px 0 5px;text-indent:8px;}
.gap-box .caution:before{position:absolute;top:2px;left:0;display:inline-block;width:17px;height:17px;content:'';background:url(../images/contents/ico_em.png) no-repeat 0 center;}
.appfrom-box{position:relative;margin-bottom:20px;}
.appfrom-box .data-table.box{border:1px solid #ddd;border-width:0 0 1px 0;}
.appfrom-box .data-table.box + .bottom{margin-top:15px;}
.appfrom-box .data-table .scroll{height:180px;overflow-x:hidden;overflow-y:scroll;border:0;}
.appfrom-box .data-table .scroll table{border-top:0;}
.appfrom-box .data-table + .board_paging{margin-top:10px;}
.appfrom-box .box .inner{width:100%;}
.appfrom-box .table-header-fix td:last-child{text-indent:-17px;}
.appfrom-box .bottom{position:relative;}
.appfrom-box .bottom .dot_type{padding-left:0;margin-left:0;font-size:14px;color:#545454;text-indent:10px;background:url(../images/board/bu_dot.gif) no-repeat left center;}
.appfrom-box .no_data,
.appfrom-box .no_search{height:180px;}
.appfrom-box .base-tab.grid4 .menu li{min-width:326px;}
.appfrom-box .surv_area{position:relative;font-size:0;}
.appfrom-box .addeltion .file_delete{top:0;position:absolute;width:32px;height:32px;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_delete.gif) no-repeat 50% 50%;left:0px;}
.appfrom-box .addeltion .file_delete:hover{background:url(../images/board/board_file_delete_on.gif) no-repeat 50% 50%;}
.appfrom-box .addeltion .file_add{top:0;position:absolute;width:32px;height:32px;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_add.gif) no-repeat 50% 50%;right:0;}
.appfrom-box .addeltion .file_add:hover{background:url(../images/board/board_file_add_on.gif) no-repeat 50% 50%;}
.appfrom-box .width75{min-width:75px;}
.appfrom-box .bottom .fileButton a{display:inline-block;vertical-align:bottom;}
.appfrom-box .author_regist div.select_area table:not(:first-child){border-style:dashed;border-width:1px 0 0 0;}
.appfrom-box .surv_area .addeltion .input_delete{position:absolute;right:27px;bottom:0;width:32px;height:32px;overflow:hidden;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_delete.gif) no-repeat 50% 50%;}
.appfrom-box .surv_area .addeltion .input_delete:hover{background:url(../images/board/board_file_delete_on.gif) no-repeat 50% 50%;}
.appfrom-box .surv_area .addeltion .input_add{position:absolute;right:0;bottom:0;width:32px;height:32px;overflow:hidden;text-indent:-999px;vertical-align:top;background:url(../images/board/board_file_add.gif) no-repeat 50% 50%;}
.appfrom-box .surv_area .addeltion .input_add:hover{background:url(../images/board/board_file_add_on.gif) no-repeat 50% 50%;}
.appfrom-box .surv_area div{margin-right:5px;line-height:32px;height:32px;min-height:auto;}
.appfrom-box table tbody tr td > fieldset > div{margin-top:0;vertical-align:top;}
.appfrom-box .data-table.box .board_list tbody tr td:last-child{padding-right:10px;}
.appfrom-box .disabled{color:#ccc;}
.appfrom-box .position{display:inline-block;margin-left:83px;vertical-align:bottom;}
.item-select{display:inline-block;min-width:auto;height:32px;box-sizing:border-box;margin-left:-1px;font-family:'NanumGothicR';font-size:12px;font-weight:400;line-height:30px;color:#fff;text-align:center;text-decoration:none;letter-spacing:0;vertical-align:top;background:#63676d;border:1px solid #63676d;border-radius:2px;transition:all .4s;}
.pledge-area{margin-top:-20px;margin-bottom:40px;padding:15px 20px;background-color:#f0f1f4;}
.pledge-area table td input{padding:0;border:0;background:none;}
.pledge-area td p{font-weight:400;}
.pledge-area td .board_btn > div button{float:left;}
.pledge_btn{text-align:right;}
.obey_area p{position:relative;padding-left:17px;margin-top:20px;text-indent:5px;margin-left:5px;}
.obey_area p.caution:before{position:absolute;top:3px;left:0;display:inline-block;width:17px;height:17px;content:'';background:url(../images/contents/ico_em.png) no-repeat 0 center;}
.obey_area{border-style:dashed;padding:30px;background-color:#ffff;border-width:1px;border-color:#c8c8c8;}
.obey_area li{position:relative;padding-left:10px;margin-top:5px;font-size:15px;line-height:21px;color:#545454;background:url(../images/contents/bg_li_hypen.png) no-repeat left 10px;}
.obey_area li > ul li{margin-left:0px;line-height:21px;background:url(../images/contents/bg_li_arrow.png) no-repeat top 8px left;margin-top:2px;}
.obey_area li > ul{margin-top:10px;}
.obey_area li.hypen-none{margin:15px 0;padding:0px 22px;background:none;}
.obey_area li.hypen-none span{margin-left:-27px;padding-left:10px;line-height:1.5;}
.obey_area li.hypen-none span em{display:inline-block;height:14px;color:#e40000;font-size:20px;font-weight:400;font-style:normal;line-height:14px;vertical-align:middle;}
.use-cont .num-list{margin-top:15px;margin-bottom:20px;}
.use-cont .num-list li{margin:0 0 9px;}
.use-cont .num-list li:last-child{margin:0;}
.use-cont ul.use-list{margin-bottom:20px;padding-left:12px;}
.use-cont ul:last-of-type{margin-bottom:0;}
.use-cont ul + h4 + p{font-size:14px;margin-bottom:10px;padding-left:10px;letter-spacing:-.6px;word-break:keep-all;}
.use-cont ul + h4{font-family: 'NanumGothicB';position:relative;margin-top:5px;margin-bottom:5px;padding-left:10px;color:#4b4b4b;background:url(../images/contents/bg_li_hypen.png) no-repeat left 10px;font-size:15px;line-height:21px;}
.use-list ul li span{color:#27a4bc;font-size:15px;font-weight:400;}
.use-list li{font-size: 14px;padding-left:8px;background:url(../images/contents/bg_li_arrow.png) no-repeat top 8px left;line-height:21px;letter-spacing:-.6px;}
.use-list li span{padding-left:0;color:#27a4bc;}
.use-list p + ul{padding-left:0;}

/* 이용자 준수사항 */
.content-box .c_news{height:500px;margin:0 0 0 0;clear:both;}
.content-box .c_news ul{padding:75px 0 0;overflow:hidden;font-size:0;text-align:center;}
.content-box .c_news ul li{display:inline-block;vertical-align:middle;}
.content-box .c_news ul li.side{width:49px;margin-left:10px;}
.content-box .c_news ul li.left{margin-right:10px;text-align:right;}
.content-box .c_news .pagenum{margin:0 auto 0 50%;padding:15px 0;}

/* 이용약관 & 개인정보보호정책 */
.tos-box{padding:30px;color:#555;border:1px solid #ddd;}
.tos-box a{text-decoration:underline;}
.tos-box.scroll{box-sizing:border-box;overflow:hidden;overflow-y:auto;}
.tos-box .sub_title{position:relative;display:block;padding-left:11px;margin-top:30px;font-size:13px;color:#333;}
.tos-box .sub_title:first-child{margin-top:0;}
.tos-box .sub_title:before{position:absolute;top:50%;left:0;width:4px;height:13px;margin-top:-7px;content:'';background-color:#ff7d03;}
.tos-box ul,
.tos-box p{margin-bottom:20px;font-size:15px;line-height:1.5;color:#545454;}
/*.tos-box table{margin-top:10px;background-color:#fff;border:1px solid #d6d6d6;border-top-color:#777;}
.tos-box th{padding:12px 5px 10px;font-size:11px;}
.tos-box td{padding:8px 5px 6px;font-size:11px;line-height:140%;}*/
.tos-box table{margin-top:10px;background-color:#fff;border:1px solid #d6d6d6;border-top-color:#096dc7;}
.tos-box th{padding:12px 5px 10px; font-size:14px;}
.tos-box td{padding:8px 5px 6px;font-size:14px;line-height:140%;}
.tos-box thead tr{background-color:#f5f5f5;}
.tos-box thead tr th{font-weight:bold;color:#555;text-align:center;}
.tos-box th + th,
.tos-box td + td{border-left:1px solid #d6d6d6;}
.tos-box tbody tr td{color:#666;text-align:center;border-top:1px solid #d6d6d6;}
.tos-box .sub_title + p,
.tos-box .sub_title + ul{margin:10px 0 0 10px;}
.tos-box .sub_title + p,
.tos-box li{margin-top:0;color:#555;}
.tos-box li{padding-left:19px;line-height:21px;text-indent:-19px;}
.tos-box .hangul li{padding-left:17px;text-indent:-17px;}
.tos-box li strong{display:block;margin:10px 0 0 15px;color:#666;}
.tos-box li strong + p{margin-top:10px;}
.tos-box li p,
.tos-box li table{text-indent:0;}
.tos-box li p,
.tos-box li ul,
.tos-box li li strong + p,
.tos-box li li{margin-top:5px;}
.tos-box li li{padding-left:0;line-height:120%;text-indent:0;}
.tos-box li li strong{margin:0;}
.tos-box > p + ul{padding-left:37px;margin-top:-10px;}
.tos-box .sub_stitle{margin-bottom:10px;margin-left:37px;font-size:15px;font-weight:400;line-height:1.2;color:#222;}
.tos-box .sub_stitle + p{padding-left:37px;margin:5px 0 20px 0;}
.tos-box .sub_stitle + ul{margin:5px 0 0 0;margin-bottom:20px;}
.tos-box .sub_stitle + ul li{margin-top:0;margin-bottom:5px;}
.tos-box.first{margin-bottom:20px;height:auto;}
.tos-box h2{padding-left:19px;margin:0 0 15px;font-size:19px;font-weight:bold;color:#222;background:url(../images/contents/bul_title-type2.png) no-repeat left 50%;}
.tos-box h3{margin:23px 21px 18px;font-size:17px;font-weight:400;color:#333;text-indent:15px;background:url(../images/contents/bul_title-type3.png) no-repeat 2px 7px;}
.tos-box.first h2 + p{margin-bottom:0;padding-left:20px;word-break:keep-all;}
.tos-box + div{margin-top:15px;}
.tos-box + div p.obey_check{margin-top:12px;font-size:15px;line-height:1;}
.tos-box + div p.obey_check label{line-height:16px;vertical-align:middle;text-indent:5px;}
.step-ok > strong{display:block;padding-top:134px;background:url(../images/contents/step-ok.png) no-repeat top center;}
.step-ok p.stxt{font-family:'NanumGothicB';color:#545454;font-size:16px;font-weight:bold;line-height:21px;text-align:center;overflow:hidden;margin:30px 0 25px 0;}
.step-ok p strong{color:#ff004e;}
.extraStep{padding:25px;}
.step-current{padding:15px 15px 10px;}
.step-current .stxt{font-family:'NanumGothicB';overflow:hidden;margin:38px 0 26px 0;color:#545454;font-size:16px;font-weight:bold;line-height:21px;text-align:center;}
.step-current .stxt strong{color:#ff004e;}
#extra-step{position:relative;}
#extra-step ul{overflow:hidden;position:relative;display:table;width:100%;height:173px;padding:22px 0 22px;border-radius:10px;background:#f6f6f6;}
#extra-step li{display:table-cell;width:125px;overflow:hidden;position:relative;text-align:center;vertical-align:top;}
#extra-step li div{display:inline-block;position:relative;text-align:center;}
#extra-step li div.ico{display:block;width:101px;height:80px;margin:0 auto;margin-bottom:10px;}
#extra-step li div + div{vertical-align:bottom;}
#extra-step li div span.btxt{display:block;width:14px;height:14px;margin:0;border-radius:50%;background:#bfc1c8;font-size:0;text-align:center;}
#extra-step li.step-over span.btxt{margin-left:12px;width:30px;height:27px;border-radius:0;background:url(../images/contents/stepover.png);background-repeat:no-repeat;background-position:center;}
#extra-step li.step-over div.ico{background:url(../images/contents/step-ing-ok.png) no-repeat;}
#extra-step li.step-ing div.ico{background:url(../images/contents/step-gif.gif) no-repeat;}

/* 메모 레이어팝업	*/									
.board_list td > div.show_memo {overflow:visible; white-space:inherit}
.board_list td > span + div.show_memo{height:auto;line-height:140%}
.board_list td > div.show_memo a:hover {text-decoration:underline}
.board_list tbody tr td .show_memo .memo_cont {display:none;position:absolute;z-index:10;left:50%;top:25px;margin-left:-190px;width:200px;background-color:#fff;border:2px solid #7c7c7c;text-align:left}
.board_list tbody tr td .show_memo .memo_cont strong {display:block;margin:1px;padding:8px 8px 10px;background-color:#eee;color:#333}
.board_list tbody tr td .show_memo .memo_cont .btn_close {position:absolute;right:0;top:0;min-width:30px;height:30px;background:url(../images/board/ico_file_close.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden}
.board_list tbody tr td .show_memo .memo_cont div {padding:7px 10px;height:100px;overflow:hidden;overflow-y:auto; line-height:160%; color:#555}