table { border-collapse: collapse;}

/************************** 서브공통 *************************/
.manual_tit_area{padding-top:30px;border-top:1px solid #f2f2f2;}
.manual_tit_ctt{position:relative;width:1300px;margin:0 auto;}
/*.manual_tit_ctt{width:1300px;margin:0 auto;}*/
.manual_ctt{width:950px;margin:0 auto;}
.manual_sub{padding-bottom:100px;}

.manual_sub .manual_main_tit{text-align:center;padding-bottom:30px;border-bottom:1px solid #e4e4e4;}
/*.manual_sub .manual_main_tit{text-align:center;border-bottom:1px solid #e4e4e4;padding-bottom:30px;}*/
.manual_sub .manual_main_tit b{display: inline-block;width: 10px;height: 10px;background: #2d8b6a;border-radius: 10px;top: -30px;position: relative;left: 10px;}
.manual_tit_ctt .manual_location{position:absolute;right:0;bottom:10px;color:#a8a8a8;font-size:14px;line-height:12px;}
.manual_tit_ctt .manual_location a{color:#a8a8a8;}
.manual_tit_ctt .manual_location label{display:inline-block;vertical-align:top;}
.manual_tit_ctt .manual_location a:hover,
.manual_tit_ctt .manual_location a:hover img{color:#1a6f52;font-weight:700;filter: invert(32%) sepia(82%) saturate(374%) hue-rotate(108deg) brightness(92%) contrast(93%);}
.manual_tit_ctt .manual_location img.ico_home,
.manual_tit_ctt .manual_location img.ico_next{vertical-align:top;filter: invert(73%) sepia(58%) saturate(12%) hue-rotate(317deg) brightness(84%) contrast(99%);}
.manual_tit_ctt .manual_location img.ico_home{height:12px;margin-right:6px;}
.manual_tit_ctt .manual_location img.ico_next{height:10px;margin:0 8px 0 10px;margin-top:1px;}

/************************** 가이드 메인 *************************/

.manual_top_img{width:100%;height:220px;background: #146044 url(../images/manual/manual_top_img2.jpg) center bottom;}
.manual_top_img img{width:100%}
.manual_app_icon{width:130px;margin-top:-65px;}
/*.manual_top_img{width:100%;position:relative;height:300px;width: 100%;position: relative;height: 250px;background: url(../images/manual/manual_top_img2.jpg) no-repeat;background-attachment: fixed;background-size: cover;}*/
/*.manual_app_icon{width:130px;margin-top:-65px;z-index:10;position:Relative;}*/

.manual_app_icon img{width:100%;}
.manual_main_tit{font-size:40px;margin-top:30px;}
.manual_video{margin-top:40px;}
.manual_video img{width:100%}
.manual_video iframe{width:100%}

/* 앱 다운로드 */
.app_down{padding:0 10px;display:Flex;justify-content:space-between;align-items: center;margin-top:50px}
.app_down_txt{}
.app_down_txt h4{font-size:26px;}
.app_down_txt p{font-size:16px;margin-top:15px;color:#666;line-height:28px;}
.app_down_btn{width:210px;}
.app_down_btn a{background:#000;color:#fff;font-size:16px;width:100%;display:Flex;align-items:center;justify-content: center;border-radius:50px;padding:13px 0;}
/*.app_down_btn{width:230px;}*/
/*.app_down_btn a{background:#000;color:#fff;font-size:16px;width:100%;display:Flex;align-items:center;justify-content: center;border-radius:50px;padding:20px 0;}*/
.app_down_btn a img{display:block;margin-right:8px;}
.app_down_btn a:last-child{margin-top:10px;}

/* 가이드 메뉴 */
.guide_nav_wrap{background:linear-gradient(180deg, #f8f8f8, #fff);margin-top:80px}
.guide_nav{border-bottom:1px solid #e4e4e4;}
.guide_nav:last-child{border:0}
.guide_nav > ul{display:flex;flex-wrap:wrap;}
.guide_nav > ul > li{width:50%;display:Flex;padding:40px 30px;transition:all .5s;}
/*.guide_nav > ul > li > a{display:block;width:200px;font-size:20px;line-height:28px;font-weight:bold;color:#000;transition:all .5s;}*/
.manual_update{width:100% !Important}
.guide_nav > ul > li > .tit{display:block;width:180px;font-size:20px;line-height:28px;font-weight:bold;color:#000;transition:all .5s;}
.guide_nav > ul > li > .tit a{display:block;width:150px;height:30px;margin-top:14px;padding-top:8px;color:#FFF;text-align:center;font-size:14px;line-height:14px;font-weight:normal;background: #156145;border-radius:5px;}
.guide_nav > ul > li > .tit a img{height:14px;margin-left:6px;filter: invert(1) brightness(10);}
.guide_nav > ul > li > .tit a label{display:inline-block;vertical-align:top;}
.guide_nav > ul > li span:before{display:block;width:100%;content:"";height:3px;background:#0e9664;margin-bottom:5px;}
.guide_nav > ul > li span{display:inline-block;}
/*.guide_nav > ul > li b{font-size:14px;margin-top:2px;display:block;opacity:0.3;}*/
.guide_nav > ul > li:hover{background:#e6f0ec}
.guide_nav > ul > li:hover >a{color:#0e9664}
.guide_subnav{}
.guide_subnav li{padding-bottom:10px}
.guide_subnav li a{font-size:16px;color:#777;transition:all .5s;}
.guide_subnav li a:after{display:inline-block;content:"+";color:#0e9664;font-weight:600;font-size:20px;margin-left:5px;opacity:0;transition:all .5s;}
.guide_subnav li:hover a{color:#000;font-weight:600}
.guide_subnav li:hover a:after{opacity:1;}
.manual_update .guide_subnav li:before{width: 13px;height: 13px;position: relative;content: "";display: inline-block;background: url(../images/manual/check.svg) no-repeat;top: 1px;margin-right: 6px;}

/* 배너 */
.manual_ban{margin-top:50px}
.manual_ban img{width:96%}



/************************** 회사소개 *************************/
.introduce{}
.intro_tit{margin-top:60px;}
.intro_tit span{color:#0e9664;font-weight:bold;font-size:20px;letter-spacing: 0.5px; display:block;text-align:Center;}
.intro_tit h2{line-height:50px;font-size:38px;font-weight:bold;margin-top:20px;text-align:center;}
.intro_tit p{font-size:18px;color:#666;margin-top:15px;text-align:Center;}
.about{}
.about ul{display:flex;justify-content:space-between;margin-top:50px;}
.about ul li{display:flex;align-items:center;justify-content: space-between;padding:40px 30px;border-radius:20px;background:#f3f9f5;width:48%;}
.about ul li h4{font-size:20px;line-height:28px;}
.about ul li p{margin-top:12px;font-size:16px;line-height:26px;color:#666;}
.about ul li img{width:70px;height:70px;display:block;}

/* 철학 */
.philosophy{background:url(../images/manual/philosophy_bg.png);padding:80px 0;margin-top:80px;background-size:cover;}
.philosophy img{margin-top:60px;width:100%}
.philosophy_text{width:100%;display:flex;justify-content: space-between;margin-top:50px;}
.philosophy_text_box{width:auto;border-right:1px solid #e4e4e4}
.philosophy_text_box:first-child{padding-right:40px;}
.philosophy_text_box:last-child{border:0;padding-left:40px;}
.philosophy_text_box h4{font-size:22px;line-height:30px;}
.philosophy_text_box p{font-size:16px;line-height:28px;color:#666;margin-top:20px;}

/* 지도 */
.map{margin:80px 0;}
.map .manual_ctt{border:1px solid #e4e4e4;}
.map_api{width:100%;}
.map_footer{padding:30px;display:flex;justify-content: space-between;align-items:end;}
.map_address{}
.map_address h4{font-size:22px;font-weight:bold}
.map_address p{color:#666;font-size:16px;margin-top:10px;}
.map_logo{display:flex;align-items:center}
.map_logo img{}
.map_logo img:last-child{margin-left:20px;}



/************************** 마켓상품등록 가이드 *************************/
.guide_list_wrap{margin-top:60px;}
.guide_list{background:#f8f8f8;padding:40px;border-radius:20px;margin-bottom:60px;}
.guide_list_tit h4{display:flex;align-items:center;font-size:24px;font-weight:bold;}
.guide_list_tit h4 img{width:40px;margin-right:12px;border-radius:10px;}
.guide_list_tit h4 span{margin-right:8px;color:#fff;display:inline-block;font-weight:800;letter-spacing:0.5px;background:#0e9664;width:30px;height:30px;line-height:30px;border-radius:30px;font-size:14px;text-align:center;}
.guide_list_tit .recomm-ico{position:relative;}
.guide_list_tit .recomm-ico span{position:absolute;right:0;top:7px;display:block;padding:2px 6px;color:#FFF;font-size:12px;background: #FF0000;border-radius:10px;}

/*.guide_list_tit h4 span{margin-right:8px;color:#fff;display:inline-block;font-weight:800;letter-spacing:0.5px;background:#0e9664;width:30px;height:30px;line-height:30px;border-radius:30px;font-size:12px;text-align:center;}*/
.guide_list_tit p{font-size:16px;line-height:28px;margin-top:20px;color:#666;}

.guide_list_tit dl{margin-top:30px;}
.guide_list_tit dl dd{text-align:center;}
.guide_list_tit dl dd img{width:80px;height:80px;border-radius:10px;}

.w100 li{width:100%}
.w50 li{width:48%;}

.guide_flex{display:flex;flex-wrap:wrap;justify-content:space-between;}
.guide_flex div{width:420px;margin-bottom:20px;padding:15px;text-align:center;border:1px solid #ddd;border-radius:40px;background: #FFF;}
.guide_flex div b{display:block;}

.guide_img{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:35px;}
.guide img li{}
.guide_img li img{width:100%;}
/*.guide_description{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px;}*/
.cover_img{}
.cover_img img{border-radius:15px;border:1px solid #ddd;}
.bottomCover{height:40px;margin-top:40px;border-top:1px solid #e4e4e4;}

.guide_description{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;}
.guide_description li{width:48%;}
.guide_description li:nth-child(n+3){margin-top:40px;padding-top:40px;border-top:1px solid #e4e4e4;}
.cover{width:100% !important}
.cover:nth-child(n+2){margin-top:40px;padding-top:40px;border-top:1px solid #e4e4e4 !Important}
.guide_description li img{width:100%}
.guide_description li span{padding-left:20px;font-weight:bold;display:block;font-size:18px;}
.guide_description li p{padding-left:20px;font-size:15px;line-height:26px;margin-top:12px;color:#666;}
.guide_description li p strong{display:inline-block;padding-right:14px;}
.guide_description li b{margin-left:20px;margin-bottom:10px;color:#0e9664;display:inline-block;font-weight:800;letter-spacing:0.5px;border:3px solid #0e9664;background:#fff;width:30px;height:30px;line-height:24px;border-radius:30px;font-size:12px;text-align:center;}

.guide_description li span strong{display:inline-block;margin-left:10px;font-weight:normal !important;font-size:14px;color:#868686;}

.guide_descriptionBox{margin:20px;padding-bottom:20px;border-bottom:1px solid #e4e4e4;}
.guide_descriptionBox span{font-weight:bold;display:block;font-size:18px;}
.guide_Box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;font-size:15px;line-height:26px;color:#666;}

.guide_Box .box_1{width:265px;}
.guide_Box .box_2{width:265px;}
.guide_Box .box_3{width:200px;}
.guide_Box strong{display:block;padding-bottom:5px;}

a.btn_link{display:inline-block;padding:8px 14px 8px 0;color:#999;line-height:14px;}
a.btn_link label{display:inline-block;padding-left:14px;border-left:3px solid #1a6a4f;}
a.btn_link:hover{color:#FFF;background: #1a6a4f;border-radius:5px;}
a.btn_link:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(349deg) brightness(120%) contrast(120%);}
a.btn_link img{display:inline-block;width:14px;height:14px;margin-left:6px;}

label.btn_green{display:inline-block;height:24px;margin:0 4px;padding:0 8px;font-size:13px;color:#FFF;background: #00c85b;border-radius:3px;}
.borderImg li img{border-radius:15px;border:1px solid #ddd;}
.borderImgW50,
.borderImgW70{padding:20px;border-radius:15px;border:1px solid #ddd;background: #FFF;}
.borderImgW50 img{width:40% !important;}
.borderImgW70 img{width:60% !important;}

.infoBox{margin-top:10px;padding-bottom:10px;border:1px solid #f48585;background:#fff7f7;border-radius:10px;}
.infoBox label{display:inline-block;width:120px;color:#8f8f8f;}
.align_lrstyle{display:flex;flex-wrap:wrap;justify-content:space-between;}
.align_lrstyle .guide_imgLeft{width:45%;}
.align_lrstyle .rightExp{width:55%;}
.align_lrstyle .guide_imgLeft img{width:100%;}
.subTxt{margin:10px 20px;}
.subTit{padding-top:20px;padding-left:20px;font-weight:900;display:block;font-size:20px;}

.imgExpTxt{position:relative;}
.imgExpTxt label{position:absolute;color:#a8a8a8;font-size:14px;}
.imgExpTxt label.txt_1{left:50px;bottom:10px;}
.imgExpTxt label.txt_2{left:160px;bottom:40px;}
.imgExpTxt label.txt_3{left:560px;bottom:10px;}


.jpMarketLogo{margin:40px 0 10px 20px;}
.jpMarketLogo img{width:70px;margin-right:20px;}

.guide_normalList{margin:40px 0 20px 20px;}
.guide_normalList ul li{font-size:15px;line-height:26px;padding:12px 0;color:#666;}
.guide_normalList ul li label{display:inline-block;width:90px;color:#8c8c8c;}
.guide_normalList table,
.guide_normalForm table{width:100%;}
.guide_normalList table tr th{padding:6px 10px;font-size:14px;font-weight:normal;text-align:left;color:#FFF;background: #209e6e;}
.guide_normalList table tr th.noLine{background: #f8f8f8;}
.guide_normalList table tr td,
.guide_normalForm table tr td{padding:16px 10px;font-size:14px;color:#666;border-bottom:1px solid #e4e4e4;background: #FFF;}
.guide_normalList table tr th.no-bg{background: none;}
.guide_normalList table tr td.no-line{border-bottom:none;background:none;}
.guide_normalList table tr td.noBgline{border-bottom:none;background:#f8f8f8;}


.guide_normalForm tr th{padding:10px;font-size:14px;font-weight:normal;border:1px solid #ddd;background: #efefef;}
.guide_normalForm table tr td{border:1px solid #ddd;}

.copyTit{padding-top:20px;}
.copyTit p{margin-left:22px;font-size:22px;line-height:36px;color:#000;}
.copySub{margin:24px 0 0 22px;font-size:16px;line-height:26px;color:#666;}

.adddelivery_tb ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.adddelivery_tb ul li{width:24%;margin-top:40px;padding:30px 0;border-bottom:1px solid #e4e4e4;}
.adddelivery_tb li label{padding-left:20px;font-weight:bold;display:block;font-size:18px;}
.adddelivery_tb li p{padding-left:20px;font-size:15px;line-height:26px;margin-top:12px;color:#666;}


a.bt-ctrl-link{display:block;width:300px;margin:20px 0 10px;padding:8px 20px 12px;text-align:center;color:#FFF;background: #000;border-radius:25px;}

@media screen and (max-width:1300px){
    .manual_tit_ctt{width:90%}
    .manual_sub .manual_main_tit b{top:-14px;}
}
@media screen and (max-width:1024px){
    /* 메뉴얼 */
    .manual_ctt{width:90%}
    .app_down{flex-wrap:wrap;}
    .app_down_btn{display:flex;width:500px;margin-top:30px;}
    .app_down_btn a{margin-right:10px;}
    .app_down_btn a:last-child{margin-top:0;}
    .guide_nav > ul > li{display:block;padding:30px;}
    .guide_subnav{margin-top:20px;}
    /* 회사소개 */
    .about ul li{flex-wrap:wrap;}
    .about ul li div{width:100%;order:2}
    .about ul li img{order:1;margin-bottom:15px;}
    .philosophy_text{flex-wrap:wrap;}
    .philosophy_text_box{border:0;width:100%}
    .philosophy_text_box:last-child{padding-left:0;margin-top:35px;padding-top:35px;border-top:1px solid #e4e4e4;}
    /* 등록관리 */
    .guide_description li p{word-break: keep-all;}
    .guide_description li p br{display:none;}
}

@media screen and (max-width:799px){
    /* 메뉴얼 */
    .manual_top_img{background-size:100%;background-attachment: unset}
    .manual_app_icon{width:70px;}
    .manual_main_tit {font-size: 22px; margin-top: 15px;}
    .manual_video{margin-top:20px}
    .app_down{margin-top:25px;padding:0;}
    .app_down_txt h4 {font-size: 18px;}
    .app_down_txt p{font-size:13px;line-height:25px;word-break: keep-all;}
    .app_down_txt p br{display:none;}
    .app_down_btn a{font-size:12px;}
    .guide_nav_wrap{margin-top:55px;}
    .guide_nav > ul > li:first-child{border-top:0;}
    .guide_nav > ul > li{width:100%;border-top:1px solid #e4e4e4;}
    .guide_nav > ul > li > a{font-size:16px}
    .guide_subnav{margin-top:10px;}
    .guide_subnav li a{font-size:13px;}
    .guide_subnav li{padding-bottom:5px;}
    .manual_ban{margin-top:10px;}
    .manual_ban img{content:url(../images/m_manual_ban.jpg);border-radius:15px;}
    /* 회사소개 */
    .intro_tit span{font-size:14px;}
    .intro_tit h2{font-size:22px;line-height:32px;margin-top:10px;}
    .intro_tit p{font-size:14px;line-height:24px;}
    .about ul{margin-top:25px;flex-wrap:wrap;}
    .about ul li{width:100%}
    .about ul li:last-child{margin-top:20px;}
    .about ul li img{width:40px;height:40px;}
    .about ul li h4 {font-size: 18px;line-height: 28px;}
    .about ul li p {font-size: 14px;line-height: 24px;}
    .philosophy{margin-top:60px;padding:60px 0;}
    .philosophy .intro_tit{margin-top:0;}
    .philosophy img{margin-top:25px;}
    .philosophy_text_box:first-child{padding-right:0;}
    .philosophy_text_box h4 { font-size: 18px;line-height: 26px;word-break: keep-all;}
    .philosophy_text_box p {font-size: 13px;line-height: 25px;word-break: keep-all;}
    .philosophy_text_box p br{display:none;}
    .map{margin:60px 0}
    .map_footer{display:block;padding:25px 15px;}
    .map_address h4{font-size:16px;}
    .map_address p{font-size:13px;}
    .map_logo{margin-top:20px}
    .map_logo img{width:90px}

    /* 등록관리 */
    .guide_list{padding:30px;margin-bottom:40px}
    .guide_list_tit h4{font-size:18px;}
    .guide_list_tit h4 span{width:25px;height:25px;font-size:11px;}
    .guide_list_tit p{font-size:13px;line-height:24px;word-break: keep-all;}
    .guide_list_tit p br{display:none}
    .w50 li{width:100%}
    .guide_img li:nth-child(n+2) img{display:block;margin-top:20px;}
    .guide_description{margin-top:40px;}
    .guide_description li:nth-child(n+2){margin-top:20px;padding-top:20px !Important}
    .guide_description li span{padding-left:0;font-size:16px;}
    .guide_description li p{padding-left:0;font-size:13px;line-height:24px;word-break: keep-all;}
    .guide_description li p br{display:none}
    .guide_description li b{margin-lefT:0;}
}

/************************** 이용약관 & 개인정보처리방침 *************************/
.contentWrap_privacy .turms,
.contentWrap_turmsOfUse .turms{margin-top:34px;line-height:28px;}

.contentWrap_privacy .turms h3,
.contentWrap_turmsOfUse .turms h3{padding-bottom:5px;}




/************************** 업데이트 소식 *************************/

/**2) 개발소식 ****/
.manual_ctt div.ideaApplyWrap h3{padding-bottom:15px;font-size:22px;color:#333;}
.manual_ctt div.ideaApplyWrap .ideaTot{padding-bottom:15px;}
.manual_ctt div.ideaApplyWrap .ideaTot ul{float:left;margin-top:5px;}
.manual_ctt div.ideaApplyWrap .ideaTot ul li{display:inline-block;margin-right:30px;vertical-align:top;}
.manual_ctt div.ideaApplyWrap .ideaTot ul li label{display:inline-block;width:50px;}
.manual_ctt div.ideaApplyWrap .ideaTot .right{float:right;display:block;}
.manual_ctt div.ideaApplyWrap .btnWrap{padding:20px 0 0 200px;}


/*** 3) 개발소식 쓰기, 뷰 *******/
.manual_ctt div.popUpdateWrap{float:right;width:50%;min-width:550px;height:100%;padding:10px;border-left:1px solid #acacac;background: white;}
.manual_ctt div.popUpdateWrap .popTop h3{float:left;padding-bottom:10px;color:#333;}
.manual_ctt div.popUpdateWrap .popTop a.btnClose{
    display:block;
    float:right;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    background: url('/home/images/pop_close.png') no-repeat;
    background-size: 17px 17px;
}
.manual_ctt div.popUpdateWrap .btnBottom { float:right; margin:30px; }
.manual_ctt div.popUpdateWrap .btnBottom a { margin:0px 10px; }
.manual_ctt div.btnBottom_idea{
    width: 100%;
    text-align:right;
    margin:30px;
}
.manual_ctt div.btnBottom_idea a{ margin:0px 10px; }

/*** 3-1) 개발소식 사이드 메뉴 화 ***/
.manual_ctt div.projectWrap{
    position: fixed;
    top: 0px;
    bottom: 0;
    right: -1500px;
    width: 0em;
    -webkit-box-shadow: -11px 0px 19px -9px rgba(0,0,0,0.53);
	-moz-box-shadow: -11px 0px 19px -9px rgba(0,0,0,0.53);
	box-shadow: -11px 0px 19px -9px rgba(0,0,0,0.53);
	transition:1s;
}

.manual_ctt .projectWrap table tr th.noLine,
.manual_ctt .projectWrap table tr td.noLine,
.manual_ctt .tableWrap table tr th.noLine,
.manual_ctt .tableWrap table tr td.noLine {border-left:none;}

.manual_ctt .projectWrap table.tableForm,
.manual_ctt .tableWrap table.tableForm {width:100%;}

.manual_ctt .projectWrap table.tableForm tr th,
.manual_ctt .projectWrap table.tableForm tr td,
.manual_ctt .tableWrap table.tableForm tr th,
.manual_ctt .tableWrap table.tableForm tr td {padding:8px;font-size:14px;text-align:left;border:1px solid #ddd;border-right:none;}

.manual_ctt .projectWrap table.tableForm tr td p.notiTxt,
.manual_ctt .tableWrap table.tableForm tr td p.notiTxt{padding-top:5px;font-size:12px;}

.manual_ctt .projectWrap table.tableForm tr th,
.manual_ctt .tableWrap table.tableForm tr th{font-weight:normal;background: #f9f9f9;}

.manual_ctt .projectWrap table.tableForm tr th label,
.manual_ctt .tableWrap table.tableForm tr th label{display:block;padding-left:30px;}

.manual_ctt .projectWrap ul.inOptItem li,
.manual_ctt .tableWrap ul.inOptItem li {display:inline-block;margin-left:10px;vertical-align:top;}
.manual_ctt .projectWrap ul.inOptItem li label,
.manual_ctt .tableWrap ul.inOptItem li label {margin-left:4px;}

.manual_ctt .projectWrap input.i_i,
.manual_ctt .tableWrap input.i_i {width:90%;padding:5px;}

.manual_ctt .projectWrap textarea.i_t,
.manual_ctt .tableWrap textarea.i_t {width:90%;padding:5px;}

.manual_ctt .projectWrap input.i_i,
.manual_ctt .projectWrap textarea.i_t,
.manual_ctt .tableWrap input.i_i,
.manual_ctt .tableWrap textarea.i_t {border:1px solid #a3a3a3;}

table.ideaList{width:100%;margin-top:20px;}
table.ideaList th,
table.ideaList td{padding:8px;font-size:14px;border:1px solid #ddd;}
table.ideaList th{font-weight:normal;color:#FFF;background: #209e6e;}
table.ideaList td{background: #FFF;}



span.ico-ing, span.ico-mng, span.ico-chk{display:inline-block;padding:2px 3px;line-height:11px;font-size:11px;letter-spacing:-1px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
span.ico-ing{background: #ddd;}
span.ico-mng{border:1px solid #dadb70;background: #fffdbc;}
span.ico-chk{color:#FFF;background: #78ca74;}

/*Drop Zone CSS*/
.manual_ctt #formAdmin .dropzone {
    width: 90%;
    margin: 1%;
    border: 2px dashed #3498db !important;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    min-height : 0 !important;
}
.manual_ctt #formAdmin .dz-image img{
    width : 120px;
    height : 120px;
}

.manual_ctt div.ideaApplyWrap .btnWrap{
    width: 100%;
    text-align: center;
    padding:20px 0 0 200px;
}

.manual_ctt div.ideaApplyWrap a{ margin: 10px; }

/* PAGE CSS */
.manual_ctt .ideacompList div.paginate{
    padding:20px 0;text-align:center;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.manual_ctt .ideacompList div.paginate strong,
.manual_ctt .ideacompList div.paginate a{
    display:inline-block;
    width:25px;
    height:18px;
    margin:0 2px;
    padding-top:7px;
}
.manual_ctt .ideacompList div.paginate a.prev,
.manual_ctt .ideacompList div.paginate a.next{width:58px;}

/************/
.manual_ctt .ideacompList div.page1, div.page2{float:left;width:350px;margin-top:10px;}
.manual_ctt .ideacompList div.page1 a, div.page2 a{display:block;text-decoration:underline;color:#4362c7;}
.manual_ctt .ideacompList div.page2{margin-left:58px;}

/* LOADING */
.loadingSct { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); padding-top:420px; display:none; z-index:999; }
.loading-spinner { width:40px; height:40px; position:relative; box-sizing:border-box; display:inline-block; }
.loading-spinner::before {
	animation: 1.5s linear infinite spinner;
	animation-play-state: inherit;
	border: solid 3px #dedede;
	border-bottom-color: #EF6565;
	border-radius: 50%;
	content: "";
	height: 100%;
	opacity: inherit;
	transform: translate3d(-50%, -50%, 0);
	width: 100%;
	will-change: transform;
	position:absolute;
	top:50%;
	left:50%;
	box-sizing:border-box;
}
@keyframes spinner {
	0%   { transform: translate3d(-50%, -50%, 0) rotate(0deg); }
	100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); }
}
div.lodingIcoWrap{width:300px;margin:0 auto;text-align:center;}
div.lodingIcoWrap p strong{display:block;padding:15px 0 5px;font-size:16px;}
div.lodingIcoWrap p span{color:#939393;}


/****** api ******/
.api-guide-wp{display:flex;justify-content: space-between;max-width:1300px;min-width:900px;margin:0 auto;padding-top:30px;}
.api-guide-wp .sub-nav ul{padding:20px 0;background: #555;}
.api-guide-wp .sub-nav ul li a{display:block;width:250px;padding:10px 20px;;color:#FFF;}
.api-guide-wp .sub-nav ul li a:hover,
.api-guide-wp .sub-nav ul li a.on{font-weight:bold;}
.api-guide-wp .api-guide{width:100%;min-height:500px;padding-left:30px;}
.api-guide-wp .api-guide .manual_main_tit{text-align:left;margin-top:0;}
.api-guide-wp .api-guide p{margin-top:30px;line-height:24px;}

.api-guide h2{margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.box-path b{display:inline-block;padding:5px 10px;font-weight:bold;color:#FFF;background: #2962ff;border-radius:5px;}
.box-path span{display:block;margin-top:20px;}
.box-table{margin-top:20px;}
.box-table table{width:100%;margin-top:20px;}
.box-table table tr th{padding:10px;border:1px solid #ccc;}
.box-table table tr td{padding:10px;border:1px solid #ccc;}
.box-table table tr.row-1 td{background: #f8f8f8;}
.sample-box{padding:20px;color:#FFF;line-height:26px;background: #333;white-space: pre-wrap;}


/**************************************************************
1) 버튼
**************************************************************/

/* 1) 대버튼 */
/***** solid type *****************/
a:is( .btn_bSBlue, .btn_bSLiteBlue, .btn_bSOrange, .btn_bSGreen, .btn_bSLiteGray, .btn_bSDarkGray, .btn_bSLiteRed, .btn_bSRed, .btn_bSBlack, .btn_rbSBlue, .btn_rbSLiteBlue, .btn_rbSOrange, .btn_rbSGreen, .btn_rbSLiteGray, .btn_rbSDarkGray, .btn_rbSLiteRed, .btn_rbSRed, .btn_rbSBlack )
{
    display: inline-block;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

a:is( .btn_rbSBlue, .btn_rbSLiteBlue, .btn_rbSOrange, .btn_rbSGreen, .btn_rbSLiteGray, .btn_rbSDarkGray, .btn_rbSLiteRed, .btn_rbSRed, .btn_rbSBlack )
{ border-radius:20px; }

a:is(.btn_bSBlue, .btn_rbSBlue) { background: #1769ff; }
a:is(.btn_bSLiteBlue, .btn_rbSLiteBlue) { background: #679dff; }
a:is(.btn_bSOrange, .btn_rbSOrange) { background: #ff7800; }
a:is(.btn_bSGreen, .btn_rbSGreen) { background: #00bf18; }
a:is(.btn_bSLiteGray, .btn_rbSLiteGray) { background: #c0c0c0; }
a:is(.btn_bSDarkGray, .btn_rbSDarkGray) { background: #5a5a5a; }
a:is(.btn_bSLiteRed, .btn_rbSLiteRed) { background: #ff6363; }
a:is(.btn_bSRed, .btn_rbSRed) { background: #ff3607; }
a:is(.btn_bSBlack, .btn_rbSBlack) { background: #000; }

a:is(.btn_rbSBlue, .btn_bSBlue):hover {background: #0028ac;}
a:is(.btn_rbSLiteBlue, .btn_bSLiteBlue):hover {background: #0028ac;}
a:is(.btn_rbSOrange, .btn_bSOrange):hover {background: #ff4b04;}
a:is(.btn_rbSGreen, .btn_bSGreen):hover {background: #008110;}
a:is(.btn_rbSRed, .btn_bSRed):hover {background: #d32a03;}
a:is(.btn_rbSBlack, .btn_bSBlack):hover {background:#1769ff;}
a:is(.btn_rbSLiteGray, .btn_rbSDarkGray, .btn_bSLiteGray, .btn_bSDarkGray):hover {background: #1769ff;}